js之计时器---setInterval

淩亂°似流年 2022-05-14 09:07 272阅读 0赞

通过使用 JavaScript，我们有能力做到在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。

在 JavaScritp 中使用计时事件是很容易的，两个关键方法是:

*  setInterval() - 间隔指定的毫秒数不停地执行指定的代码。
 *  setTimeout() - 在指定的毫秒数后执行指定代码,只执行一次。

**注意:** setInterval() 和 setTimeout() 是 HTML DOM Window对象的两个方法。

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>定时器时钟</title>
    </head>
    <body>
    <script type="text/javascript">
    	
    	var s=setInterval(function(){
    		var d=new Date;
    		var ds=d.toTimeString();
            document.getElementById("t").innerHTML=ds;
    	})
    function cancel(){
    	clearInterval(s);
    }
    </script>
    <p id="t"></p>
    <input type="button" name="btn" onclick="cancel()" value="点击停止计时">
    </body>
    </html>

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>定时器</title>
    </head>
    <body>
    <script type="text/javascript">
    	var s;
    function start(){
    	 s=setTimeout(function(){alert("hello")},3000)
    }
    function stop(){
    	clearTimeout(s);
    }
    
    </script>
    <p id="t"></p>
    <input type="button" name="btn" onclick="start()" value="点击启动">
    <button onclick="stop()">停止</button>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，272人围观）

还没有评论，来说两句吧...

相关阅读

相关 js练习（十一）实现一个打点计时器 setInterval()

题目描述: 实现一个打点计时器，要求 1、从 start 到 end（包含 start 和 end），每隔 100 毫秒 console.log 一个数字，每次数...

骑猪看日落/ 2024年04月18日 08:03/ 0 赞/ 50 阅读

相关 JavaScript的计时器的工作原理（setTimeout/setInterval）

原文链接： [http://segmentfault.com/a/1190000002633108][http_segmentfault.com_a_11900000026

ゝ一世哀愁。/ 2022年08月22日 01:29/ 0 赞/ 185 阅读

相关 js:计时器

题目描述实现一个打点计时器，要求 1、从 start 到 end（包含 start 和 end），每隔 100 毫秒 console.log 一个数字，每次数字增幅为

你的名字/ 2022年06月18日 08:39/ 0 赞/ 213 阅读

相关计时器——setTimeout、setInterval相关的精悍代码

setTimeout()和setInterval()可以用来注册在指定的时间之后单次或重复调用的函数。如下展示的应用函数会在等待的指定的时间之后，开始重复调用某个函数，然后

爱被打了一巴掌/ 2022年06月15日 08:36/ 0 赞/ 222 阅读

相关 Node.js之计时器timer

Timers[\][Link 1] Stability: 5 - Locked All of the timer functions are globals.

水深无声/ 2022年06月07日 02:59/ 0 赞/ 206 阅读

相关 JS——计时器

计时器例子是个非常简单的例子，就是时间在走的时候按钮变成“结束”，点击结束时间停止，按钮变成“开始” 第一种方法： <!DOCTYPE html>

客官°小女子只卖身不卖艺/ 2022年06月04日 09:41/ 0 赞/ 245 阅读

相关 js计时器

JS提供了两种计时器的方法 1. window.setInterval()；这个方法就是在一个周期内反复执行一直到窗口关闭或者 clearInterval()

忘是亡心i/ 2022年05月24日 01:09/ 0 赞/ 251 阅读

相关 js之计时器---setInterval

通过使用 JavaScript，我们有能力做到在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。在 JavaScritp 中使用计时事件

淩亂°似流年/ 2022年05月14日 09:07/ 0 赞/ 273 阅读

相关用JS写的计时器setTimeout与setInterval

setTimeout与setInterval的区别：setTimeout()方法是在等待指定时间后执行函数, 且只执行一次传入的句柄函数. setInterval()方法是每指

迈不过友情╰/ 2022年03月12日 12:43/ 0 赞/ 279 阅读

相关 js计时器setInterval（）只执行一次

今天做了一个倒计时的案例，代码如下: function clock() { var nowTime = new Date();

今天药忘吃喽~/ 2022年01月28日 09:49/ 0 赞/ 373 阅读