js无限循环倒计时

时间：11-01来源：作者：点击数：

这个功能是这样的，倒计时为0之后，随机获取小时数，然后又重新开始倒计时。无限循环。

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <!--1.引入jq-->
    <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>

<body>

    <div id="huodong" class="time-style">
        <span id="timeid2" class="t-hour">15</span>小时
        <span id="timeid3" class="t-minute">0</span>分
        <span id="timeid4" class="t-second">0</span>秒
    </div>


</body>

<!--3.倒计时js-->

<script type="text/javascript">
    var minute = "1";
    var second = 59;
    var hours = Math.floor(Math.random() * 10);
    $("#timeid2").text(hours);
    setInterval(function () {
        second--;
        if (second == 00 && minute == 00) {
            minute = 1;
            second = 59;
            var hours = Math.floor(Math.random() * 10);
            $("#timeid2").text(hours);
        };
        //当分钟和秒钟都为00时，重新给值
        if (second == 00) {
            second = 59;
            minute--;
            if (minute < 10) minute = "0" + minute;
        };
        //当秒钟为00时，秒数重新给值
        if (second < 10) second = "0" + second;
        $("#timeid3").text(minute);
        $("#timeid4").text(second);
    }, 1000);
</script>

</html>

方便获取更多学习、工作、生活信息请关注本站微信公众号 城东书院微信服务号

来顶一下

返回首页

上一篇:一个好玩的js切换标题代码下一篇: 浅谈js for循环输出i为同一值的问题（闭包解决）

高考生入学注意：这些大	【健康】纯净水、天然
14种竞赛生升学路径盘	excel后缀xls和xlsx有