jQuery实现5秒倒计时

最新推荐文章于 2026-03-26 02:59:45 发布

原创最新推荐文章于 2026-03-26 02:59:45 发布 · 1.5w 阅读

4 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#jquery #倒计时

收录于

js 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现页面自动跳转及显示倒计时的方法。通过设置定时器，页面将在指定时间后跳转，并实时更新显示剩余时间。

<script src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
var i=5;
$(function(){
    setTimeout(function(){
        window.location.href='${ctx}/';
    },5000);//5秒后返回首页
    after();
});
//自动刷新页面上的时间
function after(){
    $("#time").empty().append(i);
    i=i-1;
    setTimeout(function(){
        after();
    },1000);
}
</script>