『壹』 需一不用刷新，在頁面上不停變化的數字特效js
我又來了~~~~~~~~這個問題很簡單嘛！哈哈！！！
一個例子：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>一個例子</title>
<script type="text/javascript">
var t = 1000; //在這里設置刷新時間，單位是毫秒，比如1秒鍾就是1000
var min = 200; //生成的最小的數字，比如200
var max = 500; //生成的最大的數字，比如500
var ctl_id = "show"; //要在哪個控制項中顯示，比如例子中的"show"
onload = function() {
Refresh();
setInterval("Refresh();", t);
}
function Refresh() {
document.getElementById(ctl_id).innerHTML = parseInt(Math.random() * (max - min + 1) + min);
}
</script>
</head>
<body>
<div id="show"></div>
</body>
</html>
『貳』 js數字時鍾問題
放日期的地方改成一個label控制項
tbar : [{
xtype: 'label',
id: 'lbl-now-date',
fieldLabel: '您好，今天是',
text: getNowDate()
},'->',{
xtype : 'button',
text : 'OA登陸',
iconCls : 'add'
},'-',
{
xtype : 'button',
text : '設為首頁'
},
'-',{
xtype : 'button',
text : '加入收藏'
}],
原來setTimeout去掉~
定時刷新時間也不是用setTimeout, setTimeout只執行一次, 要用setInteval
在後面加一段
setInterval(function(){
var lbl = Ext.getCmp('lbl-now-date');
if (lbl) lbl.text = getNowDate();
}, 1000);
『叄』 求JavaScript製作的中文數字時鍾。提供的日期時間對象Date，可用於動態顯示數字時鍾。
functionload(){
vard=newDate();
varday=d.getDate();
varmonth=d.getMonth()+1;
varyear=d.getFullYear();
varweekday=newArray(7);
weekday[0]="星期日";
weekday[1]="星期一";
weekday[2]="星期二";
weekday[3]="星期三";
weekday[4]="星期四回";
weekday[5]="星期五";
weekday[6]="星期六";
document.getElementById('myTime').innerHTML=year+"年"+month+"月"+day+"日"+" "+weekday[d.getDay()];
}<bodyonload="load()">
<divclass="top_time"><pid="myTime"></p></div>
</body>
這是我寫的一個年月日星期的代碼，你可以看看。
時分答秒我有空給你寫一個
『肆』 js如何實現數字滾動效果
jquery實現立體式數字滾動條增加效果，代碼分為兩部分，一部分位html結構另一部分屬於js代碼段，需要的朋友參考下吧！
1、html結構
<div class="numberRun1"></div>
2、js
<script type="text/javascript" src="js/digital_over.js" ></script>//引用 //這是自定義函數（需要在頁面中進行調用） <script> //數字滾動 function digitalScroll(obj,n){ var numRun = $(obj).numberAnimate({num:n, speed:2000, symbol:","}); var nums = n; setInterval(function(){ numRun.resetData(nums); },3000); var numWidth= $(obj).width(); $(obj).find('.mt-number-animate').css('width',numWidth); $(obj).css('width','100%'); $(obj).find('.mt-number-animate').css('margin','0 auto'); } window.indexdigitalScroll=function(){ digitalScroll($('.numberRun1'),1160518); } </script> <!--這是在頁面中調用的方法--> <script> $(function(){ indexdigitalScroll(); }); </script>
3、圖片案例
『伍』 HTML 簡單的製作一個數字時鍾，求幫做！
<html>
<head>
<scriptlanguage="javascript">
functionshowTime()
{
vartheMoment=newDate();
vartheHour=theMoment.getHours();
vartheMinute=theMoment.getMinutes();
varhm=document.getElementById("hm");
hm.innerHTML=theHour+"<br/>"+theMinute;
varother=document.getElementById("other");
other.innerHTML=theMoment;
}
varhandler=window.setInterval('showTime()',1000);
</script>
<styletype="text/css">
#myTime
{
color:white;
border-style:solid;
background-color:black;
width:200;
height:200;
text-align:center;
}
#hm
{
color:white;
text-align:center;
font-style:bold;
font-size:40px;
}
#other
{
color:white;
text-align:center;
}
</style>
</head>
<body>
<divid="myTime">
<divid="hm">
</div>
<spanid="other">
</span>
</div>
</body>
</html>