జావాస్క్రిప్ట్ టైమింగ్ ఇవెంట్

జావాస్క్రిప్ట్ సమయ అంతరాల్లో పని చేయగలదు.

ఇది అని పిలుస్తారు టైమింగ్ ఇవెంట్స్ (Timing Events).

Timing 事件

window 对象允许以指定的时间间隔执行代码。

这些时间间隔称为定时事件。

通过 JavaScript 使用的有两个关键的方法：

setTimeout(function, మిల్లీసెకన్స్)
在等待指定的毫秒数后执行函数。
setInterval(function, మిల్లీసెకన్స్)
等同于 setTimeout()，但持续重复执行该函数。

setTimeout() 和 setInterval() 都属于 HTML DOM Window 对象的方法。

setTimeout() 方法

window.setTimeout(function, మిల్లీసెకన్స్);

window.setTimeout() 方法可以不带 window 前缀来编写。

第一个参数是要执行的函数。

第二个参数指示执行之前的毫秒数。

ఉదాహరణ

单击按钮。等待 3 秒，然后页面会提示 "Hello"：

<button onclick="setTimeout(myFunction, 3000)">试一试</button>
<script>
function myFunction() {
    alert('Hello');
 }
</script>

స్వయంగా ప్రయత్నించండి

如何停止执行？

clearTimeout() 方法停止执行 setTimeout() 中规定的函数。

window.clearTimeout(timeoutVariable)

window.clearTimeout() 方法可以不带 window 前缀来写。

clearTimeout() 使用从 setTimeout() వాయిదా వ్యవస్థాపకులు:

myVar = setTimeout(function, మిల్లీసెకన్స్);
clearTimeout(myVar);

ఉదాహరణ

类似上例，但是添加了“停止”按钮：

<button onclick="myVar = setTimeout(myFunction, 3000)">试一试</button>
<button onclick="clearTimeout(myVar)">停止执行</button>

స్వయంగా ప్రయత్నించండి

setInterval() 方法

setInterval() 方法在每个给定的时间间隔重复给定的函数。

window.setInterval(function, మిల్లీసెకన్స్);

window.setInterval() 方法可以不带 window 前缀来写。

第一个参数是要执行的函数。

第二个参数每个执行之间的时间间隔的长度。

本例每秒执行一次函数 "myTimer"（就像数字手表）。

ఉదాహరణ

显示当前时间：

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

స్వయంగా ప్రయత్నించండి

一秒有 1000 毫秒。

如何停止执行？

clearInterval() 方法停止 setInterval() 方法中指定的函数的执行。

window.clearInterval(timerVariable)

window.clearInterval() మార్గం వినియోగించవచ్చు విండో ప్రిఫిక్స్ లేకుండా.

clearInterval() మార్గం ఉపయోగిస్తుంది setInterval() వాయిదా వ్యవస్థాపకులు:

myVar = setInterval(function, మిల్లీసెకన్స్);
clearInterval(myVar);

ఉదాహరణ

ఈ ఉదాహరణలో అదే, కానీ మేము 'స్టాప్ టైమ్' బటన్ను జోడించాము:

<p id="demo"></p>
<button onclick="clearInterval(myVar)">స్టాప్ టైమ్</button>
<script>
var myVar = setInterval(myTimer, 1000);
 function myTimer() {
    var d = new Date();
    document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}
</script>

స్వయంగా ప్రయత్నించండి

మరిన్ని ఇన్స్టాన్స్

మరొక సాధారణ టైమర్
టైమర్ చేసిన గంటలు