当前时间-倒计时下载

效果：

代码：

<!doctype html>

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <title>倒计时js代码</title>

    <style>

        *

        {

            margin: 0;

            padding: 0;

            list-style: none;

        }

        body

        {

            font-size: 18px;

            text-align: center;

        }

        .time

        {

            height: 30px;

            padding: 200px;

        }

    </style>

</head>

<body>

    <!--倒计时-->

    <div class="time">

        <span id="t_d">00天</span> <span id="t_h">00时</span> <span id="t_m">00分</span> <span

            id="t_s">00秒</span>

    </div>

</body>

<script>

    //倒计时

    function GetRTime() {

        var EndTime = new Date('2017/09/20 00:00:00');

        var NowTime = new Date();

        var t = EndTime.getTime() - NowTime.getTime();

        var d = 0;

        var h = 0;

        var m = 0;

        var s = 0;

        if (t >= 0) {

            d = Math.floor(t / 1000 / 60 / 60 / 24);

            h = Math.floor(t / 1000 / 60 / 60 % 24);

            m = Math.floor(t / 1000 / 60 % 60);

            s = Math.floor(t / 1000 % 60);

        }

        document.getElementById("t_d").innerHTML = d + "天";

        document.getElementById("t_h").innerHTML = h + "时";

        document.getElementById("t_m").innerHTML = m + "分";

        document.getElementById("t_s").innerHTML = s + "秒";

    }

    setInterval(GetRTime, 0);

</script>

</html>

暂停时间clearInterval

<script>

    //倒计时

    function GetRTime() {

        var EndTime = new Date('2017/09/20 00:00:00');

        var NowTime = new Date();

        var t = EndTime.getTime() - NowTime.getTime();

        var d = 0;

        var h = 0;

        var m = 0;

        var s = 0;

        if (t >= 0) {

            d = Math.floor(t / 1000 / 60 / 60 / 24);

            h = Math.floor(t / 1000 / 60 / 60 % 24);

            m = Math.floor(t / 1000 / 60 % 60);

            s = Math.floor(t / 1000 % 60);

        }

        document.getElementById("t_d").innerHTML = d + "天";

        document.getElementById("t_h").innerHTML = h + "时";

        document.getElementById("t_m").innerHTML = m + "分";

        document.getElementById("t_s").innerHTML = s + "秒";

    }

    var timer = setInterval(GetRTime, 0);

    function TimeStop() {

        //停止

        clearInterval(timer);

    }

</script>

JavaScript—倒计时的更多相关文章

  1. 比较全的JavaScript倒计时脚本

    JavaScript倒计时在Web中用得非常广泛,比如常见的团购啊.还有什么值得期待的事情,都可以用到倒计时.现在举了四个例子,比如时间长的倒计时,小时倒计时,最简的倒计时,还有秒表等等,应该可以满足 ...

  2. JavaScript倒计时脚本

    JavaScript倒计时在Web中用得非常广泛,比如常见的团购啊.还有什么值得期待的事情,都可以用到倒计时.现在举了四个例子,比如时间长的倒计时,小时倒计时,最简的倒计时,还有秒表等等,应该可以满足 ...

  3. 比较全的JavaScript倒计时脚本[xyytit]

    需要做一个功能,给特定的活动或者商品添加一个倒计时提示,在网上找了好些方法,总结了比较好的一些方法,以备后用: 1. 比较长时间的倒计时(如:距离2014年还有0年, 0月, 30天, 9小时, 41 ...

  4. JavaScript - 倒计时

    http://www.helloweba.com/demo/loading/ WEB开发中经常会用到倒计时来限制用户对表单的操作,比如希望用户在一定时间内看完相关协议信息才允许用户继续下一步操作,又比 ...

  5. Javascript倒计时页面跳转

    在js中实现页面定时跳转我们要使用setInterval或setTimeOut函数,还可以使用页面的meta实现. 例1: <script type="text/javascript& ...

  6. javascript 倒计时代码

    <script language="javascript" type="text/javascript"> var interval = 1000; ...

  7. javascript 倒计时跳转.

    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...

  8. javascript倒计时代码及倒计时弹窗

    在前端开发中,难免会用到倒计时.如做的双十一活动,在距活动开始的半个月前需要做些宣传工作,需要告知用户优惠活动什么时候开始.这个时候就要用到倒计时,如在整站的某个页面提醒用户活动什么时候开始等.而在活 ...

  9. JavaScript倒计时

    倒计时: 1.设置一个有效的结束日期 2.计算剩余时间 3.将时间转换成可用的格式 4.输出时钟数据作为一个可重用的对象 5.在页面上显示时钟,并在它到达0时停止 <div id="c ...

  10. [转载]在线考试javaScript倒计时

    <script type="text/javascript"> /* ================== hi.baidu.com/coolinc === */ va ...

随机推荐

  1. VC++ 内存泄露与检测的一种方法

        本文介绍,当VC++或者MFC程序,出现内存泄露时,如何快速定位的方法,这种方法有一定的局限性,在注意事项中会给出的. MFC程序     当MFC程序出现内存泄露时,退出程序时的VS调试输出 ...

  2. [Learn AF3]第四章 App framework组件之Button

    Button    组件名称:Button     是否js控件:否     使用说明:如果说panel组件是af3的“核心(heart of the ui)”,那么Button就是af中的五虎上将之 ...

  3. 使用DataSource绑定一维数组时，DataTextField只需绑定空字符串

    方法定义: public static void InitDropDownList(DropDownList ddl, bool isAddTopItem, DropDownList ddlSub, ...

  4. FileSaver.js 浏览器导出Excel文件

    限制一:不同浏览器对 blob 对象有不同的限制 具体看看下面这个表格(出自 FileSaver.js): Browser Constructs as Filenames Max Blob Size ...

  5. 让你的应用支持新iPad的Retina显示屏

    一.应用图片标准iOS控件里的图片资源,苹果已经做了相应的升级,我们需要操心的是应用自己的图片资源.就像当初为了支持iPhone 4而制作的@2x高分辨率版本(译者:以下简称高分)图片一样,我们要为i ...

  6. UINavigationController popToViewController用法

    popToViewController用法  [self.navigationController popToViewController:[self.navigationController.vie ...

  7. Java实现匿名内部类的简单应用

    在查看数码相片时,通常会使用一款图片查看软件,该软件应该能遍历文件夹下的所有图片并进行显示.编写程序,实现一个图片查看软件,它可以支持6张图片,通过单击不同的按钮就可以查看不同的图片. 思路分析:就是 ...

  8. 【Cesium】模型转换和使用（转）

    http://52.4.31.236/convertmodel.html https://blog.csdn.net/UmGsoil/article/details/74572877 var view ...

  9. Hadoop集群三种作业调度算法介绍

    Hadoop集群中有三种作业调度算法,分别为FIFO,公平调度算法和计算能力调度算法 先来先服务(FIFO) Hadoop中默认的调度器FIFO,它先按照作业的优先级高低,再按照到达时间的先后选择被执 ...

  10. gitlab数据迁移

    由于gitlab是默认安装的,随着公司代码越来越多,导致gitlab数据目录空间不足,出现无法访问gitlab了. 磁盘空间: /home有1.8T的空间一直没用上! 现在打算将原有代码目录迁移到新目 ...