setInterval()和setTimeout()

最新推荐文章于 2024-08-10 16:15:00 发布

China王亚辉

最新推荐文章于 2024-08-10 16:15:00 发布

阅读量488

点赞数

分类专栏： javascript 文章标签： js javascript setInterva setTimeout 函数

本文链接：https://blog.csdn.net/w19981220/article/details/47808095

版权

javascript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

window.setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。
window.clearInterval() 方法可取消 setInterval() window.clearInterval()
方法的参数必须是由 setInterval() 返回的 ID 值。

实时显示日期:

var i=0;

function abc()
{
    var mytime=new Date();
    var mydiv=document.getElementById('abc');
    mydiv.innerText=mytime.toLocaleString();
    if(++i==5)
    {
        window.clearInterval(res);
    }

}

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>

转载或分享请注明地址:http://blog.csdn.net/w19981220

China王亚辉

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
setInterval()和setTimeout()

window.setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 window.clearInterval() 方法可取消 setInterval() window.clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。实时显示日期:
复制链接

扫一扫

专栏目录