JavaScript倒计时并刷新页面

最新推荐文章于 2024-12-03 11:08:57 发布

9栋108

最新推荐文章于 2024-12-03 11:08:57 发布

阅读量173

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/li-sir/p/10709815.html

本文介绍了一个简单的JavaScript脚本，用于实现网页上的10秒倒计时效果，当倒计时结束时，页面会自动刷新。通过设置内部计时器，每次减少倒计时数字并在小于10时自动补零，确保了视觉效果的统一性。

//10秒倒计时效果自动补全09,08等
<div id="we">10</div>s
<script>
    window.onload = function(){
        var we = document.getElementById("we");
        console.log(we.innerHTML);
        var int=setInterval(function(){
            we.innerHTML--;
            console.log(we.innerHTML);
            if(we.innerHTML<=9){
                we.innerHTML='0'+ we.innerHTML
            }
            if(we.innerHTML==0){
                clearInterval(int);
                window.location.reload();
            }
        },1000);
    }
</script>