js中的计时事件（setInterval和setTimeout）

最新推荐文章于 2024-06-16 14:03:11 发布

Spider_man_

最新推荐文章于 2024-06-16 14:03:11 发布

阅读量678

点赞数

分类专栏： js和jquery

本文链接：https://blog.csdn.net/chengmo123/article/details/88877975

版权

js和jquery 专栏收录该内容

8 篇文章 1 订阅

订阅专栏

setInterval（）间隔指定的毫秒数不停地执行指定的代码，用clearInterval()来停止

setTimeout（）指间隔多少毫秒执行制定代码，只执行一次，用clearTimeout()停止

例子：setInterval（）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js_interval(实现按钮开始计时和关闭)</title>
  <script>
    var timer
    var t=0
    
    function starttime() {
      timer=setInterval(function () {
      jishi();
      },1000)
    }
    function jishi() {
      t+=1;
      document.getElementById('showtime').innerHTML=t;
    }
    function endtime(){
      //结束
      clearInterval(timer)

    }
  </script>
</head>
<body>
<button onclick="starttime()">start</button>
<div id="showtime"></div>
<button onclick="endtime()">endtime</button>
</body>
</html>

例子：setTimeout（）

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>

<p>点击第一个按钮等待3秒后出现"Hello"弹框。</p>
<p>点击第二个按钮来阻止第一个函数运行。（你必须在3秒之前点击它）。</p>
<button onclick="myFunction()">点我</button>
<button onclick="myStopFunction()">停止弹框</button>
<script>
var myVar;
function myFunction(){
	myVar=setTimeout(function(){alert("Hello")},3000);
}
function myStopFunction(){
	clearTimeout(myVar);
}
</script>

</body>
</html>

setTimeout可以用来做一个定时器

setInterval相当于计时器

Spider_man_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js中的计时事件（setInterval和setTimeout）

setInterval（）间隔指定的毫秒数不停地执行指定的代码，用clearInterval()来停止setTimeout（）指间隔多少毫秒执行制定代码，只执行一次，用clearTimeout()停止例子：setInterval（）<!DOCTYPE html><html lang="en"><head> <meta charse...
复制链接

扫一扫