当前时间-倒计时下载

效果：

代码：

<!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. 用C++做微信公众平台开发的后台开发时，用sha1加密验证的方法

    微信公众平台开发时,须要验证消息是否来自微信server,这要用到sha1加密算法.官网上给的是php的sha函数,C++中要用到以下这个函数: 一.引入头文件: #include<openss ...

  2. 局域网 ping

    时间:2013-01-15 11:07来源:网络整理 作者:秩名点击:2271次 |我要投稿 一般情况下,如果我们使用Ping命令来查找网络问题所在或检验网络运行情况,我们需要使用许多Ping命令,如 ...

  3. Android OpenGL ES 离屏渲染（offscreen render）

    通常在Android上使用OpenGL ES,都是希望把渲染后的结果显示在屏幕上,例如图片处理.模型显示等.这种情况下,只需要使用Android API中提供的GLSurfaceView类和Rende ...

  4. EA修改生成代码的表头注释

    我们在做项目的过程中,每个代码文件都应有此文件的注释,比如说作者,文件说明等.但是如果用EA生成的代码文件的注释是纯英文的,而且有些不是我们需要显示的注释,有些我们需要显示的它又不具备.那么我们就可以 ...

  5. SharePoint 2013 将HTML文件转换为母版页

    内容中包含 base64string 图片造成字符过多,拒绝显示

  6. vue的iview列表table render函数设置DOM属性值的方法

    { title: '负责人社保照片', key: 'leaderIdNumber', render: (h, params) => { return h('img',{domProps:{ sr ...

  7. PHP 数组current和next用法

    1.current   当前数组 <?php $transport = array('foot', 'bike', 'car', 'plane'); $mode = current($trans ...

  8. EditDistance,求两个字符串最小编辑距离，动态规划

    问题描述: 题目描述Edit DistanceGiven two words word1 and word2, find the minimum number of steps required to ...

  9. php中实现记住密码下次自动登录的例子

    这篇文章主要介绍了php中实现记住密码下次自动登录的例子,本文使用cookie实现记住密码和自动登录功能,需要的朋友可以参考下 做网站的时候经常会碰到要实现记住密码,下次自动登录,一周内免登陆,一个月 ...

  10. Unity 协程使用指南

    0x00 前言 在使用Unity的过程中,对协程仅仅知道怎样使用,但并不知道协程的内部机理,对于自己不清楚的部分就像一块大石压力心里.让自己感觉到担忧和不适. 这篇文章一探到底,彻底揭开协程的面纱,让 ...