文档章节

倒计时

woshixia
 woshixia
发布于 2016/06/22 18:02
字数 250
阅读 16
收藏 1

#程序员薪资揭榜#你做程序员几年了?月薪多少?发量还在么?>>>

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        body{
            font-size:30px;
            text-align: center;
            color:red;
        }
    </style>
    <script>
        window.onload = function(){
            var demo = document.getElementById("demo");
            var endTime = new Date("2017/5/20 17:30:00");   // 最终时间
            setInterval(clock,1000);   // 开启定时器
            function clock(){
                var nowTime = new Date();   // 获取最新的时间

                //  console.log(nowTime.getTime());  获得自己的毫秒
                var second = parseInt((endTime.getTime() - nowTime.getTime()) / 1000);
                // 用将来的时间毫秒 -  现在的毫秒  / 1000 得到的 还剩下的秒  可能处不断 取整
               // console.log(second);
                 // 一小时 3600 秒                

               // second / 3600  一共的小时数  /24   天数
                var d = parseInt(second / 3600 / 24);  //天数
              
                var h = parseInt(second / 3600  % 24)  // 小时
                //var h=Math.floor((second-d*24*60*60)/3600); 小时

                var m = parseInt(second / 60 % 60);   // 分钟
                // var m = parseInt((second - d*3600*24 - h*3600) / 60);  // 分钟

                var s = parseInt(second % 60);   // 秒
                // var s = parseInt(second - d*3600*24 - h*3600 -m*60 ); // 秒


               /* if(d<10)
                {
                    d = "0" + d;
                }*/
                d<10 ? d="0"+d : d;
                h<10 ? h="0"+h : h;
                m<10 ? m="0"+m : m;
                s<10 ? s="0"+s : s;
                demo.innerHTML = "距离抢购时间还剩: "+d+"天 "+h+"小时 "+m+"分钟 "+s+"秒";

            }
        }
    </script>
</head>
<body>
<div id="demo"></div>
</body>
</html>

© 著作权归作者所有

woshixia
粉丝 2
博文 18
码字总数 7246
作品 0
昌平
程序员
私信 提问
加载中

评论(0)

暂无文章

好的可视化编辑器收集

国内 https://www.ivx.cn/index 国外 https://vectr.com

lilugirl
41分钟前
15
0
怎么在分享流程图的时候设置密码?迅捷画图教你保密小技巧!

怎么在分享流程图的时候设置密码?相信大家对分享链接和密码已经不陌生了,毕竟现在分享资源主要用的网盘、网站等等,基本上都需要先获取密码,才能进入分享链接页面,从分享资源的角度来说,...

赛利亚大姐大
41分钟前
13
0
如何在Mac电脑中输入多种标点符号和文字表情

特殊的标点符号和表情怎么输入?MAC电脑有自己自带的输入法,但是对于一些表情符号很多人都不知道在哪里使用,现在就来介绍一下MAC如何输入多种标点符号和文字表情。 1、首先我们打开备忘录,...

mac小叮当
51分钟前
17
0
Ubuntu替换国内源

网络环境的原因,官方的apt的源的速度比较慢,打算替换为国内源,正好学校有Ubuntu的源,所以替换下 编辑文件/etc/apt/sources.list 将其中的内容换为对应的系统的目标源即可。 选择你的ubu...

zhangwenwen
今天
14
0
持续交付的最后一英里

如果开发人员的变更集在集成时并没有实现长期部署就绪的状态,那么你的团队其实就没有真正的实践持续交付。 想要完全优化产品开发周期,你需要在团队中强调无缝部署的重要性,使每位工程师都...

京东智联云开发者
今天
18
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部