javascript实现倒计时

最新推荐文章于 2024-10-01 20:12:28 发布

zsnbaby

最新推荐文章于 2024-10-01 20:12:28 发布

阅读量61

点赞数

分类专栏： JavaScript 文章标签： javascript html html5

本文链接：https://blog.csdn.net/qq_45295297/article/details/120229090

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>倒计时</title>
</head>
<body>
    <div id="div1">
        <span id="span1">5</span>秒后自动跳转，如未跳转，请<a href="http://www.baidu.com">点击</a>
    </div>

    <script type="text/javascript">
        var span1 = document.getElementById("span1");
        var num=4;
        tid= setInterval(function () {
            span1.innerText=num;
            num--;
            if (num==0){
                clearInterval(tid);
                location="http://www.baidu.com";
            }
        },1000);
    </script>
</body>
</html>