首页 > 编程 > JavaScript > 正文

通过小实例谈谈javascript的间隔调用和延时调用

2019-11-15 02:26:32
字体:
来源:转载
供稿:网友

通过小实例谈谈javascript的间隔调用和延时调用

用 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>


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表