zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    [学习笔记]Java代码中各种类型变量的内存分配机制
    记录一次linux线上服务器被黑事件
    浅谈Facebook的服务器架构(组图)
    make: *** [sapi/cli/php] Error 1 解决办法
    linux CentOS 系统下如何将php和mysql命令加入到环境变量中
    Linux系统安装Apache 2.4.6
    日请求亿级的QQ会员AMS平台PHP7升级实践
    聊一聊淘宝首页和它背后的一套
    PHP与MySQL通讯那点事
    PHP多进程(4) :内部多进程
  • 原文地址:https://www.cnblogs.com/keke/p/2041286.html
Copyright © 2011-2022 走看看