setInterval()和setTimeout()

時間 2019-11-11

標籤 setinterval settimeout 简体版

原文原文鏈接

window.setInterval() 方法可按照指定的週期（以毫秒計）來調用函數或計算表達式。
window.clearInterval() 方法可取消 setInterval() window.clearInterval()
方法的參數必須是由 setInterval() 返回的 ID 值。javascript

實時顯示日期:

 1 var i=0;
 2 
 3 function abc()
 4 {
 5     var mytime=new Date();
 6     var mydiv=document.getElementById('abc');
 7     mydiv.innerText=mytime.toLocaleString();
 8     if(++i==5)
 9     {
10         window.clearInterval(res);
11     }
12 
13 }
14 
15 var res=window.setInterval("abc()",1000);

您也可使用一個按鈕來打開定時器和關閉定時器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content" content="text/html;charset=utf-8">
    <script type="text/javascript" charset="utf8">
        var arr;
        function w()
        {

            arr=window.setInterval("clock()");

        }
        function clock()
        {
            var t=new Date();
            var wang=document.getElementById("clock");
            wang.innerText=t.toLocaleString();
        }
    </script>
</head>
<body>

    當前時間是:<span id="clock"></span>

    <input onclick="window.clearInterval(arr)" type="button" value="中止計時器">
    <input onclick="w()" type="button" value="開始計時器">
</body>
</html>

利用定時器數秒:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
<script type="text/javascript" charset="utf-8" >
    var i=10;
    function CountTime()
    {
        i--;
        mybut.value="贊成"+i;
        if(i==0)
        {
            //讓這個按鈕可用
            mybut.disabled=false;
            window.clearInterval(mytimer);
            mybut.value="贊成";
        }
    }
    var mytimer=window.setInterval("CountTime()",1000);

</script>
</head>
<body>
    <input type="button" disabled="true" value="贊成 10" id="mybut"><br/>
</body>
</html>

相關標籤/搜索

setinterval

settimeout

settimeout&promise&async

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。