zoukankan      html  css  js  c++  java
  • js时间倒计时---摘抄别人的--收藏

    /*
    时间倒计时插件
    TimeDown.js
    */
    function TimeDown(id, endDateStr) {
    //结束时间
    var endDate = new Date(endDateStr);
    //当前时间
    var nowDate = new Date();
    //相差的总秒数
    var totalSeconds = parseInt((endDate - nowDate) / 1000);
    //天数
    var days = Math.floor(totalSeconds / (60 * 60 * 24));
    //取模(余数)
    var modulo = totalSeconds % (60 * 60 * 24);
    //小时数
    var hours = Math.floor(modulo / (60 * 60));
    modulo = modulo % (60 * 60);
    //分钟
    var minutes = Math.floor(modulo / 60);
    //秒
    var seconds = modulo % 60;
    //输出到页面
    document.getElementById(id).innerHTML = "还剩:" + days + "天" + hours + "小时" + minutes + "分钟" + seconds + "秒";
    //延迟一秒执行自己
    setTimeout(function () {
    TimeDown(id, endDateStr);
    }, 1000)
    }

    -----------------------------------------------------------------------------

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>时间倒计时</title>
    <script src="TimeDown.js"></script>
    </head>
    <body>
    <form id="form1" runat="server">
    <div id="show">
    </div>
    <script type="text/javascript">
    TimeDown("show", "2013-11-25 8:00:45");
    </script>
    </form>
    </body>
    </html>

  • 相关阅读:
    StackExchange.Redis 实现SetNx
    线程与进程基础
    K8s 命令基础
    MYSQL 5.7 alter table 小记
    Java Transient 关键字小记
    Java Functional Programming
    NetGear R6400 刷华硕小记
    datagrip bug 小记
    Spring 的历史
    IdentityServer4系列之中文文档及实际项目经验分享
  • 原文地址:https://www.cnblogs.com/zgrft/p/4428854.html
Copyright © 2011-2022 走看看