js定时调用指定方法

最新推荐文章于 2024-04-17 09:39:56 发布

ydlmlh

最新推荐文章于 2024-04-17 09:39:56 发布

阅读量428

点赞数

分类专栏： js 文章标签： JavaScript ASP.net ASP HTML .net ViewUI

本文链接：https://blog.csdn.net/ydlmlh/article/details/83941895

版权

js 专栏收录该内容

34 篇文章 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中显示的内容

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

view plaincopy to clipboardprint?
<html>
<head>
<title>标题</title>
<script src="../js/clock.js" mce_src="js/clock.js"
          language="JavaScript">
</script>
</head>
<body>

<div id="clock"></div>

<script language="JavaScript">

</script>

<br>


<input type="button"
         οnclick="window.clearInterval(intervalId)"
         value="停止计时" />

</body>
</html>
<html>
<head>
<title>标题</title>
<script src="../js/clock.js" mce_src="js/clock.js"
          language="JavaScript">
</script>
</head>
<body>

<div id="clock"></div>

<script language="JavaScript">

</script>

<br>


<input type="button"
         οnclick="window.clearInterval(intervalId)"
         value="停止计时" />

</body>
</html>

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

    view plaincopy to clipboardprint?
/*
* 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;
    }
}

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/feng_cs/archive/2009/06/26/4300454.aspx

ydlmlh

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js定时调用指定方法

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

扫一扫