javascript小时钟t=setTimeout('startTime()',500)为什么隔500毫秒就刷新

javascript小时钟t=setTimeout('startTime()',500)为什么隔500毫秒就刷新,第1张

对于这个问题,只要刷新时间小于1秒,都是可以的。这样可以及时更新秒数。

这里的setTimeout是递归执行的。也就是在执行一次后,时间更新以后,才会设置下次的setTimeout。这里执行更新时间的代码也是要耗费时间的。因为javascript是脚本语言,又基于浏览器,性能比较差。而且更新时间是dom *** 作,比较慢。所以这样能保证精度,避免延迟。

还有一点,假如在开始执行程序时已经是3分55秒了。如果一秒更新一次,在3分65秒后才会更新秒数,这样更新就不及时,对不对?

望采纳,您的采纳就是我的动力!

年 月 日 时 分 秒 星期 。 如果按楼主要求,星期换下就可以,也就是

var ndate = years+"年"+month+"月"+days+"日 "+hours+":"+minutes+":"+seconds+" "+week;

这句 ,换成

var ndate = years+"年"+month+"月"+days+"日 "+week+" "+hours+":"+minutes+":"+seconds;

<html>

<head>

<title></title>

<script language="javascript">

function getCurDate()

{

var d = new Date();

var week;

switch (dgetDay()){

case 1: week="星期一"; break;

case 2: week="星期二"; break;

case 3: week="星期三"; break;

case 4: week="星期四"; break;

case 5: week="星期五"; break;

case 6: week="星期六"; break;

default: week="星期天";

}

var years = dgetYear();

var month = add_zero(dgetMonth()+1);

var days = add_zero(dgetDate());

var hours = add_zero(dgetHours());

var minutes = add_zero(dgetMinutes());

var seconds=add_zero(dgetSeconds());

var ndate = years+"年"+month+"月"+days+"日 "+hours+":"+minutes+":"+seconds+" "+week;

divTinnerHTML= ndate;

}

function add_zero(temp)

{

if(temp<10) return "0"+temp;

else return temp;

}

setInterval("getCurDate()",100);

</script>

</head>

<body>

<div id="divT"></div>

</body>

</html>

在项目开发中经常会用到计时器,比如抽奖活动的倒计时,或者轮循去请求接口等,通常我们都是用 setInterval 这个方法去实现计时,但是这样有一个缺点,虽然能设置隔一段时间后不断执行,但是实际上只是将事件放消息队列,真正执行的时间并不确定,有可能上一个计时器任务没执行完又进来一个计时器任务,所以并不能保证能按照设定的时间去执行,如果用 setTimeout 来模拟的话可以这样

通过上面的方式可以在隔一秒就输出一个 time count ,通过一个立即执行方法不断调用自身来实现 setInterval 的效果,可以保证每次执行的间隔时间都是一致的。

这种方法只是相对简单的,我们在项目开发过程中可能有不止一个计时器,我们希望对所有的计时器统一进行处理,这时我们可以封装一个类来管理这些计时器,它包含以下几个内容

具体实现如下:

这里特别说明下每个计时器的方法都是在计时器的 t 属性上定义的, 方便 clearTimer 方法中去清除掉该计时器,这是为了处理在特定场景下产生的错误,比如我们在执行一个计时器时会先判断该计时器是否存在,如果存在就删除该计时器,这里我们通过 name 值去判断,如果只是单纯把计时器从数组中移除的话,可能在删除的时候它已经进入 setTimeout 了,这时再开启一个同名的计时器的话,就会造成两个相同的计时器同时执行,所以才需要这么处理。

通过以上的方式封装计时器,我们就可以在任何页面进行引用了

如果想要每个计时器的命名都是唯一的话,还可以使用 Symbol 去定义计时器的名称,比如可以新建一个专门存放计时器名称的文件

然后通过以下方式引用

这样就能保证所有的计时器都是唯一的,不用担心会有同名的计时器存在造成错误。

例如方法:

function test(){return 1;}

页面加载完毕事件:

windowonload = function(){

setTimeout(test,1000);//1000毫秒=1秒后执行test方法

}

如果你使用jquery的话可以:

$(window)load(function(){

setTimeout(test,1000);//1000毫秒=1秒后执行test方法

});

setTimeout是只执行一次,重复执行使用setInterval

windowonload = function(){

setInterval(test,1000);//1000毫秒=1秒,每隔1秒执行一次test方法

}

以上就是关于javascript小时钟t=setTimeout('startTime()',500)为什么隔500毫秒就刷新全部的内容,包括:javascript小时钟t=setTimeout('startTime()',500)为什么隔500毫秒就刷新、如何在js里获取系统时间,并在html中应用;、使用setTimeout模拟setInterval等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9508435.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存