js定时执行

最新推荐文章于 2024-09-22 11:17:00 发布

daifangci

最新推荐文章于 2024-09-22 11:17:00 发布

阅读量1.6k

点赞数

文章标签： function javascript xhtml button div input

本文链接：https://blog.csdn.net/daifangci/article/details/5937906

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<script language="javascript" type="text/javascript">
/*

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

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

*/
    var tipId;
    var sTime;
    function show()
    {
        sTime = 10;

        tipId = window.setInterval("my()",1000);
    }
    function my()
    {
        if(sTime<0)
        {

            window.clearInterval(tipId);
            document.getElementById("dvMsg").innerHTML="时间到...";
           document.getElementById("dvTime").innerHTML="时间到...";
        }
        else
        {
           //alert(sTime);
        document.getElementById("dvTime").innerHTML=sTime;
        sTime--;
        }
    }
    </script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js定时执行 </title>

</head>
<body>
    <input type="button" οnclick="show()" value="启动" />
    <div style=" color:Red; font-size:200px"><div id="dvTime"> </div></div>
    <div id="dvMsg"><a href="http://www.baidu.com/">百度</a></div>
</body>

</html>

循环执行如下代码