评分

HTML倒计时简单实现

2年前发布

510

本案例比网上的一些教程简单多了，可以参考以下代码：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
        h1{
            font-size: 50px;
            text-align: center;
        }
    </style>
</head>
<body>
<h1>倒计时：<span>10</span></h1>
<script type="text/javascript" src = "http://libs.baidu.com/jquery/1.10.0/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        var e = $("h1 span").first();
        var i = 9;
        var interval = setInterval(function(){
            e.html(i);
            i--;
            if(i <= 0){
                clearInterval(interval);
            }
        },1000);
    })
</script>
</body>
</html>

评分

欢迎为Ta评分