『壹』 需一不用刷新，在页面上不停变化的数字特效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>