我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线：400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后，网站问题一站解决

如何使用JavaScript定时器

这篇文章将为大家详细讲解有关如何使用JavaScript定时器，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。

靖西网站制作公司哪家好，找成都创新互联公司！从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设公司等网站项目制作，到程序开发，运营维护。成都创新互联公司于2013年创立到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联公司。

定时器分类

1、循环执行：一段程序能够每间隔一段时间执行一次【setInterval()】【clearInterval()】

2、定时执行（一次定时器）：某一段程序需要在延迟多少时间后执行【setTimeout()】【clearTimeout()】

定时器使用

使用注意：为了防止定时器累加，使用定时器要先清除后设置；要保证内存中只有一个定时器。

1、循环执行：一段程序能够每间隔一段时间执行一次

设置定时器：【var timeid = window.setInterval（“方法名或方法”，“延时”）;】
清除定时器【window.clearInterval(timeid);】

 // window.setInterval("console.log('1秒打印一次')", 1000); 
 
 // setInterval(function() {
 // console.log('1秒打印一次');
 // }, 1000);
 
 
 function test() {
 console.log('1秒打印一次');
 }
 
 setInterval(test, 2000);

示例1：秒表计时

如何使用JavaScript定时器



 

 
 定时器计时
 

 

 
 
 开启
 结束
 清零
 
   计时时间为：  0  秒  
 
   

示例2：节假日倒计时

如何使用JavaScript定时器



 

 
 定时器-放假倒计时
 

 

 
 

 

注意：把总的秒数（allSecond）转化为 天(d)+时(h)+分(m)+秒(s)的形式，公式如下

d=parseInt(allSecond / 3600 / 24)

h=parseInt(allSecond / 3600 %24)

m=parseInt(allSecond / 60 %60)

s=parseInt(allSecond%60)

示例3：时钟

如何使用JavaScript定时器



 

 
 Title
 

 

 
 
 
 
 
 

 

注意：1小时时针旋转30度，1分钟分钟旋转6度，1秒钟秒钟旋转6度。

hour.style.transform = 'rotate(' + h * 30 + 'deg)';
min.style.transform = 'rotate(' + m * 6 + 'deg)';
second.style.transform = 'rotate(' + s * 6 + 'deg)';

2、定时执行：某一段程序需要在延迟多少时间后执行

设置定时器：【var timeid = window.setTimeout(“方法名或方法”, “延时”);】
清除定时器：【window.clearTimeout(timeid);】

示例



 

 
 定时器

 

 5秒后执行弹出对话框
 停止
 

 

JavaScript可以做什么

1.可以使网页具有交互性，例如响应用户点击，给用户提供更好的体验。 2.可以处理表单，检验用户的输入，并提供及时反馈节省用户时间。 3.可以根据用户的操作，动态的创建页面。 4使用JavaScript可以通过设置cookie存储在浏览器上的一些临时信息。

关于如何使用JavaScript定时器就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。


当前文章：如何使用JavaScript定时器
文章地址：http://shouzuofang.com/article/godhpc.html

其他资讯