首页 > 其他分享 >JS方法——Timing(时间方法)

JS方法——Timing(时间方法)

时间:2022-12-26 16:34:04浏览次数:34  
标签:function 函数 setInterval JS window Timing 执行 方法

JavaScript可以在时间间隔内执行,即所谓的定时事件(Timing Events)

setTimeout

在等待指定的毫秒数后执行函数。

window.setTimeout(function, milliseconds);

//1.参数要执行的函数,2.参数执行之前的毫秒数。
//可以不带window来执行。

实例:

<button onclick="setTimeout(myFunction, 3000)">试一试</button>

<script>
function myFunction() {
    alert('Hello');
 }
</script>
//等待3秒后,页面提示

用clearTimeout方法来停止执行setTimeout中规定的函数。

实例:

<html>
<body>

<p>点击“试一试”。等 3 秒。该页面将提醒“Hello”。</p>

<p>单击“停止”以阻止第一个函数执行。</p>

<p>(在 3 秒钟之前,您必须单击“停止”。)</p>

<button onclick="myVar = setTimeout(myFunction, 3000)">试一试</button>

<button onclick="clearTimeout(myVar)">停止</button>

<script>
function myFunction() {
  alert("Hello");
}
</script>
</body>
</html>

setInterval

  1. 在每个给定的时间间隔重复给定的函数。
  2. 以毫秒来进行计算。
window.setInterval(function, milliseconds);
//第一个参数时要执行的函数,第二个参数每个执行之间的时间间隔的长度
//方法可以不带window前缀来写

 实例:

var myVar = setInterval(myTimer, 1000);
 
function myTimer() {
    var d = new Date();
    document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}

//显示当前时间

用clearInterval方法来停止setInterval方法中指定的函数执行。

myVar = setInterval(function, milliseconds);
clearInterval(myVar);

 

标签:function,函数,setInterval,JS,window,Timing,执行,方法
From: https://www.cnblogs.com/xinbing/p/17006125.html

相关文章