javascript間隔調用和延時調用樣本

來源:互聯網
上載者:User

 這篇文章主要介紹了javascript間隔調用和延時調用樣本,介紹setInterval方法和clearInterval方法的使用方法,大家參考使用吧

用setInterval方法可以以指定的間隔實現迴圈調用函數,直到clearInterval方法取消迴圈 用clearInterval方法取消迴圈時,必須將setInterval方法的調用賦值給一個變數,然後clearInterval方法引用該變數。  代碼如下:<script type="text/javascript">    var n = 0;    function print(){        document.writeln(n);         if(n==1000){        window.clearInterval(s);        }            n++;    }     var s = window.setInterval(print, 10);</script>  用setTimeout和clearTimeout完成延時調用,在指定的延遲時間之後運行指定函數,只執行一次。clearTimeout的用法同clearInterval方法的用法相同。  代碼如下:<script type="text/javascript">    function printTime(){        var time = new Date();        var year = time.getFullYear();        var month = (time.getMonth())+1;        var daynum = time.getDay();        var hour = time.getHours();        var min = time.getMinutes();        var sec = time.getSeconds();        var da = time.getDate();        var daystr;        switch(daynum){        case 0: daystr="星期日";            break;        case 1: daystr="星期一";            break;        case 2: daystr="星期二";            break;        case 3: daystr="星期三";            break;        case 4: daystr="星期四";            break;        case 5: daystr="星期五";            break;        case 6: daystr="星期六";            break;        default: daystr="";        }        var str = year+"年"+month+"月"+da+"日  "+daystr+" "+hour+": "+min+": "+sec;        document.getElementById("t").innerHTML = str;        window.setTimeout(printTime, 1000);    }</script> <body onload="printTime()"><br/><div id="t"></div></body> 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.