JS setInterval() 与 clearInterval() 方法的使用

最新推荐文章于 2023-06-03 09:30:00 发布

feng_cs

最新推荐文章于 2023-06-03 09:30:00 发布

阅读量9.2w

点赞数

分类专栏： HTML_DOM_JS 文章标签： javascript div html button timer function

本文链接：https://blog.csdn.net/feng_cs/article/details/4300454

版权

HTML_DOM_JS 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

一、HTML DOM setInterval()、clearInterval() 方法

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。

clearInterval() 方法可以取消该周期性的方法调用。

详细可参见：http://www.w3school.com.cn/htmldom/met_win_setinterval.asp

当setInterval调用执行完毕时，它将返回一个timer ID，将来便可以利用该值对计时器进行

访问，如果将该ID传递给clearInterval，便可以终止那段被调用的过程代码的执行了.

二、如何使用

下面的代码体现了以上两个方法的使用方式

1、html页面内容如下：

①　页面上用div实时显示当前时间

　　　②　调用JS控制div中显示的内容

　　　③　按钮用来停止方法的调用

2、JS文件（clock.js）内容如下：

/* * param clockDiv * 传入的div对象 */ function Clock(clockDiv) { this.clockDiv = clockDiv; this.getCurrentDate = function() { // 获取当前日期 var currDate = new Date(); // 分别获取年、月、日、时、分、秒 var currDateTime = currDate.getYear(); currDateTime += "-"; currDateTime += (currDate.getMonth() + 1); currDateTime += "-"; currDateTime += currDate.getDate(); currDateTime += " "; currDateTime += currDate.getHours(); currDateTime += ":"; currDateTime += currDate.getMinutes(); currDateTime += ":"; currDateTime += currDate.getSeconds(); // 将当前时间赋值到div对象中 this.clockDiv.innerHTML = currDateTime; } }

feng_cs

关注

0
点赞
踩
21

收藏

觉得还不错? 一键收藏
1
评论
JS setInterval() 与 clearInterval() 方法的使用

一、HTML DOM setInterval()、clearInterval() 方法 setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 clearInterval() 方法可以取消该周期性的方法调用。详细可参见：http://www.w3school.com.cn/htmldom/met_win_setint
复制链接

扫一扫