程序博客网 > 美国农业部数据网站

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

来源：互联网发布：美国农业部数据网站编辑：程序博客网时间：2024/05/01 17:49

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

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

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

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

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

二、如何使用

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

1、html页面内容如下：

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

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

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

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

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;
}
}

0 0

美国农业部数据网站

美国农业部数据网站

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子中信圆梦金圆梦圆梦金圆梦kjk 圆梦计划圆梦园万界圆梦红楼圆梦圆梦一代圆梦歌词家圆梦攻略圆梦简谱大欣圆梦园圆梦人生歌曲圆梦圆梦教育圆梦结婚照圆梦辅导班圆梦蚊香圆梦园小区圆梦驾校如何圆梦圆梦花店圆梦旅馆圆梦大全圆梦工程圆梦足疗圆梦班圆梦艺考圆梦创业圆梦歌谱圆梦集团圆梦琴行二人转圆梦怎么圆梦圆梦母婴圆梦幼儿园圆梦烧饼圆梦影楼圆梦天地联想圆梦