<html>

<head>

    <style>

        div{

            width:100%;

             text-align:center;

            font-size: 14px;

        }

    </style>

</head>

        <div id="go">

        </div>

<body>

    <script>

        var SECOND = 1000;

        var MINUTE = 60 * SECOND;

        var HOUR = 60 * MINUTE;

        var DAY = 24 * HOUR;

        var TIME = Date.now() + 100000;

        var lastTIME = Date.now();

        var prev = Date.now();

        function fallback(fn) {

            var curr = Date.now();

            var ms = Math.max(0, 16 - (curr - prev));

            var id = setTimeout(fn, ms);

            prev = curr + ms;

            return id;

        }

        var root = window;

        var iRaf = root.requestAnimationFrame || fallback;

        function raf(fn) {

           return iRaf.call(root, fn);

        } 

        function parseTimeData(time) {

            var days = Math.floor(time / DAY);

            var hours = Math.floor(time % DAY / HOUR);

            var minutes = Math.floor(time % HOUR / MINUTE);

            var seconds = Math.floor(time % MINUTE / SECOND);

            var milliseconds = Math.floor(time % SECOND);

            return {

                days,

                hours,

                minutes,

                seconds,

                milliseconds

            };

        }

        function MAXTime(){

            return Math.max(Date.now() - lastTIME,0)

        }

        function Calculation(){

            (0,raf)(function(){

                if(MAXTime()){

                    document.getElementById('go').innerHTML = JSON.stringify(parseTimeData(TIME - lastTIME))

                }

                lastTIME = Number(Date.now())

                Calculation()

            })

        }

        Calculation()

    </script>

</body>

</html>

js 倒计时毫秒级别显示的更多相关文章

  1. JS倒计时-毫秒

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

  2. js倒计时显示

    <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>j ...

  3. js倒计时-倒计输入的时间

    计算指定时间到指定时间之间相差多少天.时.分.秒. 节日.活动.商城常用. 原理: 主要使用到时间戳,也就是从1970 年 1 月 1 日 到指定时间的毫秒数. 1. 求出毫秒差 :当两个时间直接进行 ...

  4. js实现文字逐个显示

    先把代码摆上了吧: <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtm ...

  5. js倒计时 手机休眠时 时间不进行减少

    http://www.111cn.net/wy/js-ajax/94218.htm 手机版网页js倒计时存在的问题与解决的方法 www.111cn.net 更新:2015-09-16 编辑:kp123 ...

  6. js 控制Div循环显示 非插件版

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  7. js 倒计时（可自定义时间）

    <html> <head> <title>js 倒计时</title> </head> <body> <div> & ...

  8. js获取当前时间显示在页面上

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

  9. Js倒计时程序

    Js倒计时程序 点击下载

随机推荐

  1. 字典配合split分裂填充

    Sub 配送日报()lastrow = Sheets("运营日报").Range("a1048576").End(xlUp).Rowarr = Sheets(& ...

  2. 关于webpack一些路径

    好多新手对webpack中的路径一直感到迷茫,其实再学习webpack之前都应该去了解下nodejs的内容, 以为webpack就是个nodejs项目,所以里面涉及到的路径都是nodejs里面的写法 ...

  3. ios 中倒计时计算，时间戳为NaN

    // 倒计时 daojishi(params) { let _this = this; let datetemp = this.servertimes; let lasttime = Date.par ...

  4. keepalived中vrrp_script,track_script,notify的使用方法

    keepalived中vrrp_script,track_script,notify的使用方法转自:https://blog.51cto.com/liuzhengwei521/1929589 可以在k ...

  5. Java 多线程 - 锁的类型

    https://zhuanlan.zhihu.com/p/37287566 https://www.cnblogs.com/qifengshi/p/6831055.html

  6. csps模拟84Smooth，Six，Walker题解

    题面:https://www.cnblogs.com/Juve/articles/11733280.html smooth: 暴力强筛到7e7有60分... 正解: 维护一个队列,存所有的B-光滑数, ...

  7. python相关软件安装流程图解——MySQL 8.0.13安装教程(windows 64位)——MYSQL依赖的软件——MYSQL必须的系统DLL插件——MYSQL真正的安装

    https://www.mysql.com/https://www.mysql.com/downloads/https://dev.mysql.com/downloads/windows/https: ...

  8. ASP.NET的一些概念

    简述实体框架(EF): EF是一种ORM工具,ORM表示对象关联映射. 在RDMS中,对象称为表格和列对象,而在.net中(面向对象)称为类,对象以及属性. EF提供了三种方式来实现项目: l 数据库 ...

  9. 第二十二篇：Spring简单定时任务

    背景:有些操作,不适合放在页面上让用户手动触发去执行,比如一些需要不断更新的数据(如统计数据)有些需要同步的数据,不需要非常实时,可以在固定的时间或者固定的频率执行同步 第一步:配置xml第二步:编写 ...

  10. USACO training course Number Triangles 数塔 /// DP oj10122

    题目大意: ...就是数塔       7         3   8      8   1   0     2   7   4   4 4   5   2   6   5 7+3+8+7+5=30 ...