<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. protobuf文档翻译-安装，数据格式及编码规范

    Install Download protobuf: https://github.com/protocolbuffers/protobuf/releases unzip protoc-3.8.0-l ...

  2. delphi 用户可以点击格式修改进行模板修改

    过程 TlistRepAdd.Btn_GCListRepEditClick窗口 TlistRepAdd 补打流程单 1. 给用户权限 呈现出格式修改按钮 procedure TlistRepAdd.B ...

  3. redis安装配置使用

    1.redis官方下载地址:https://redis.io/download 也可以github上下载,redis 64位下载地址:https://github.com/ServiceStack/r ...

  4. 微信公众号支付出现：“当前页面的URL未注册”

    微信公众号H5调起支付时,点击支付按钮出现“当前页面的URL未注册”的提示.解决办法:由于2017年8月1日微信官方把关于支付的信息转移到了商户平台:公众平台微信支付公众号支付授权目录.扫码支付回调U ...

  5. leetcode-40-组合总和②

    题目描述: 方法一:回溯 class Solution: def combinationSum2(self, candidates: List[int], target: int) -> Lis ...

  6. springboot下自定义配置文件，并在项目里读取的方法

    首先 pom文件引入springboot文件处理器 <dependency> <groupId>org.springframework.boot</groupId> ...

  7. ajax跨域获取网站json数据

    由于自己的公司的项目需要调用视频地址 1:当为链接时:直接在播放器用数据库查找的地址 2:当为外部链接时:直接用window.location.href('数据库查找的地址') 3:当为H5链接时:使 ...

  8. linux如何查看防火墙是否开启?删除iptables规则

    iptables是linux下的防火墙组件服务,相对于windows防火墙而言拥有更加强大的功能,此经验咗嚛以centos系统为例.关于iptables的一般常见操作,怎么来判断linux系统是否启用 ...

  9. .net core 3.0 发布 500.0 - ANCM In-Process Handler Load Failure 错误

    .net core 3.0 发布后报500.0错误  原因: 发布设置和下载的Runtime SDK不匹配 https://dotnet.microsoft.com/download/dotnet-c ...

  10. NEERC 1999 Divisibility /// 同余DP oj22640

    题目大意: 输入n,m: ( 1 ≤ N ≤ 10000, 2 ≤ M ≤ 100 ) 接下来n个数:Each integer is not greater than 10000 by it's ab ...