几秒后返回

最新推荐文章于 2022-06-22 15:39:17 发布

weixin_30246221

最新推荐文章于 2022-06-22 15:39:17 发布

阅读量202

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/libo199374/p/7591013.html

本文介绍了一个简单的使用jQuery实现的倒计时功能。通过设置初始秒数并利用JavaScript定时器，每秒更新页面上的剩余秒数。当倒计时结束时，会弹出提示。此代码适用于网页开发中需要倒计时的应用场景。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="bofang/jquery-1.10.2.min.js"></script>
</head>
<body>
    <dd id="time" style="text-align:center;"></dd>
</body>
<script type="text/javascript">
    $(function () {
        shownum();
    });
    var i =4;
    function shownum(){
        i=i-1;
        document.getElementById("time").innerHTML=i+"秒后返回调解列表......";
        if(i==0){
           alert(1111)
        }else {
            setTimeout('shownum()',1000);
        }
    }
</script>
</html>