• Javascript倒计时源码.(时.分.秒)


    随便写写!闲着无聊!代码如有bug之处欢迎阁下强力拍砖!

    JS CODE

    <script type="text/javascript" language="javascript">
    //总时间,已分为单位
    var time = 100;

    //小时
    var h = parseInt(time / 60) > 0 ? parseInt(time / 60) : 0;

    //
    var m = time % 60;

    //
    var s = 60;

    //输出到当前Script的Dom位置
    document.write('<span>剩余<font id="f_hh">' + h + '</font>小时<font id="f_mm">' + m + '</font>分<font id="f_ss">' + s + '</font>秒</span>');

    //开始执行倒计时
    var timeInterval = setInterval(function () {

    //如果时、分、秒都为0时将停止当前的倒计时
    if (h == 0 && m == 0 && s == 0) { clearInterval(timeInterval); return; }

    //当秒走到0时,再次为60秒
    if (s == 0) { s = 60; }

    if (s == 60) {

    //每次当秒走到60秒时,分钟减一
    m -= 1;

    //当分等于0时并且小时还多余1个小时的时候进里面看看
    if (m == 0 && h > 0) {

    //小时减一
    h -= 1;

    //分钟自动默认为60分
    m = 60;

    //秒自动默认为60秒
    s = 60;
    }
    }

    //秒继续跳动,减一
    s -= 1;

    //小时赋值
    document.getElementById('f_hh').innerHTML = h;

    //分钟赋值
    document.getElementById('f_mm').innerHTML = m;

    //秒赋值
    document.getElementById('f_ss').innerHTML = s;

    },
    1000);
    </script>

    HTML CODE

    <html>
    <head>
    <title>Date Demo</title>
    </head>
    <body>
    <script type="text/javascript" language="javascript">
    //总时间,已分为单位
    var time = 100;

    //小时
    var h = parseInt(time / 60) > 0 ? parseInt(time / 60) : 0;

    //
    var m = time % 60;

    //
    var s = 60;

    //输出到当前Script的Dom位置
    document.write('<span>剩余<font id="f_hh">' + h + '</font>小时<font id="f_mm">' + m + '</font>分<font id="f_ss">' + s + '</font>秒</span>');

    //开始执行倒计时
    var timeInterval = setInterval(function () {

    //如果时、分、秒都为0时将停止当前的倒计时
    if (h == 0 && m == 0 && s == 0) { clearInterval(timeInterval); return; }

    //当秒走到0时,再次为60秒
    if (s == 0) { s = 60; }

    if (s == 60) {

    //每次当秒走到60秒时,分钟减一
    m -= 1;

    //当分等于0时并且小时还多余1个小时的时候进里面看看
    if (m == 0 && h > 0) {

    //小时减一
    h -= 1;

    //分钟自动默认为60分
    m = 60;

    //秒自动默认为60秒
    s = 60;
    }
    }

    //秒继续跳动,减一
    s -= 1;

    //小时赋值
    document.getElementById('f_hh').innerHTML = h;

    //分钟赋值
    document.getElementById('f_mm').innerHTML = m;

    //秒赋值
    document.getElementById('f_ss').innerHTML = s;

    },
    1000);
    </script>
    </body>
    </html>

  • 相关阅读:
    再谈数据湖3.0:降本增效背后的创新原动力
    基于开源PolarDBX打造中正智能身份认证业务数据基座
    开源数据库PolarDB为什么能捕获娃哈哈的心?
    PolarDB开源未来将有哪些新动向?阿里云数据库开源负责人来解答
    谈谈PolarDBX在读写分离场景的实践
    科普达人丨一图看懂块存储&云盘
    科普达人丨一图看懂阿里云ECS
    网络编程框架Netty
    结构型模式
    网络编程框架Netty1
  • 原文地址:https://www.cnblogs.com/keke/p/2041286.html
Copyright © 2020-2023  润新知