提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  后端

当前栏目

js-计时器

JS 计时器
2023-06-13 09:15:29 时间

浏览量 2 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf8">
</head>
<body>
<p>计时器</p>
<p id="demo"></p>
<button onclick="myStopFunction()">停止</button>
<p>点击开始3秒后弹出hello</p>
<p>点击停止（在3秒内）</p>
<button onclick="myTout()">start</button>
<button onclick="myStopTout()">Stop</button>
<script>
//setInterval() - 间隔指定的毫秒数不停地执行指定的代码。
var myVar=setInterval(function(){myTimer()},1000);
function myTimer()
{
    var d=new Date();
    var t=d.toLocaleTimeString();
    document.getElementById("demo").innerHTML=t;
}
function myStopFunction()
{
    clearInterval(myVar);
}
//setTimeout() - 暂停指定的毫秒数后执行指定的代码
function myTout()
{
    myVar=setTimeout(function(){alert("Hello")},3000);
}
function myStopTout()
{
    clearTimeout(myVar);
}
</script>
</body>
</html>

相关文章