js定时和离开当前页面事件 - Javascript教程

本文固定链接:http://www.verydemo.com/demo_c98_i79098.html

/*

timeId=window.setTimeout("method()",1000);     window.clearTimeout(timeId);定时执行

timeId=window.setInterval("method()",1000);     window.clearInterval(timeId);循环执行

*/

<script language="javascript" type="text/javascript">
    var tipId;
    var sTime;
    function show()
    {
        sTime = 5;
        tipId = window.setInterval("my()",1000);
    }
    function my()
    {
        if(sTime<0)
        {
            window.clearInterval(tipId);
            document.getElementById("dvMsg").innerText="时间到...";
        }
        else
        {
        document.getElementById("dvTime").innerText=sTime;
        sTime--;
        }
    }
    </script>
</head>
<body>
    <input type="button" onclick="show()" value="启动" />
    <div ><div id="dvTime"></div></div>
    <div id="dvMsg"><a href="http://www.2cto.com/"></a></div>
</body>

***************************************************************

....................................................................

var timeId = window.setIntervel("show()",1000);//可以让show()函数每隔一秒执行一次,他有一个返回值,可以通过window.clearIntervel(timeId)终止循环。

var timeId = window.setTimeout("show()",10000;//该条js执行后10秒开始执行show()函数他也可以实现循环效果如下:

function show(){

  if(time<0){

    window.clearTimeout(timeId);//清除定时

  } else {

    timeId = window.setTimeout("show()",10000);

    time--;

  }

}

摘自  明天-星空

你可能感兴趣的:(JavaScript教程)