zoukankan      html  css  js  c++  java
  • js无限循环倒计时

    <!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>

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

  • 相关阅读:
    dw2018修改为中文
    C# 响应一个html页面
    layui 时间控件 单击 年直接赋值
    js 正则 测试
    python之读取和写入csv文件
    python安装与配置
    hive支持sql大全
    HiveQL与SQL区别
    Hadoop插件安装
    简单算法学习之快速排序详解
  • 原文地址:https://www.cnblogs.com/programmer-1/p/12111230.html
Copyright © 2011-2022 走看看