当前时间-倒计时下载

效果：

代码：

<!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. vim 编辑器常用命令

    vi 常用命令行 1.vi 模式 a) 一般模式: vi 处理文件时,一进入该文件,就是一般模式了. b) 编辑模式:在一般模式下可以进行删除,复制,粘贴等操作,却无法进行编辑操作.等按下‘i,I,o ...

  2. Mac上csv导入mysql提示错误[Error Code] 1290 - The MySQL server is running with the --secure-file-priv option解决办法

    1.进入mysql查看secure_file_prive的值 $mysql -u root -p mysql>SHOW VARIABLES LIKE "secure_file_priv ...

  3. C++输入cin，输出cout，换行endl，getline连续读取字符

    简记:cin=键盘,cout=屏幕. >>和<<指向代表数据流动方向.<<是流插入运算符,右操作数(运算符右边的值)会被插入到输出流中. 首先要包含:#includ ...

  4. python concurrent.futures包使用，捕获异常

    concurrent.futures的ThreadPoolExecutor类暴露的api很好用,threading模块抹油提供官方的线程池.和另外一个第三方threadpool包相比,这个可以非阻塞的 ...

  5. 【高级算法】遗传算法解决3SAT问题（C++实现）

    转载请注明出处:http://blog.csdn.net/zhoubin1992/article/details/46910079 1 SAT问题描写叙述 命题逻辑中合取范式 (CNF) 的可满足性问 ...

  6. SpringBoot------使用Fastjson解析Json数据

    方法一: 1.在pom.xml文件下添加依赖包 <dependency> <groupId>com.alibaba</groupId> <artifactId ...

  7. IIS日志清理（VBS版,JS版）

    IIS默认日志记录在C:\WINDOWS\system32\LogFiles,时间一长,特别是子站点多的服务器,一个稍微有流量的网站,其日志每天可以达到上百兆,这些文件日积月累会严重的占用服务器磁盘空 ...

  8. Tomcat漏洞利用与安全加固实例分析

    Tomcat中间件经常遇到的漏洞: 1.Tomcat默认存在一个管理后台,默认的管理地址是http://IP或域名:端口号/manager/html 2.Axis2默认口令安全漏洞,默认的管理地址是h ...

  9. HttpClient（一）-- HelloWorld

    一.简介 HttpClient 是Apache Jakarta Common 下的子项目,可以用来提供高效的.最新的.功能丰富的支持 HTTP 协议的客户端编程工具包,并且它支持 HTTP 协议最新的 ...

  10. SQL SERVER数据库新认识的一些基础知识

    最近要接触sql server的存储过程啦,在处理更加复杂的逻辑过程前,就来看一下这些sql的基础语法,感觉看啦一些复杂一点的sql语句,突然发现我是有多么的薄弱啊,所以在一些基础的语法上面我再重新整 ...