文档章节

倒计时

bangxia
 bangxia
发布于 2016/06/22 18:02
字数 250
阅读 14
收藏 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>

© 著作权归作者所有

共有 人打赏支持
bangxia
粉丝 2
博文 13
码字总数 1521
作品 0
昌平

暂无文章

[雪峰磁针石博客]python3快速入门教程1 turtle绘图-2函数

菲波那契序列: >>> # Fibonacci series:... # the sum of two elements defines the next... a, b = 0, 1>>> while b < 10:... print(b)... a, b = b, a+b...112......

python测试开发人工智能安全
今天
0
0
java环境变量配置最正确的方式

原贴:https://blog.csdn.net/qq_40007997/article/details/79784711,十分详细,亲测有效

kitty1116
今天
0
0
49.Nginx防盗链 访问控制 解析php相关 代理服务器

12.13 Nginx防盗链 12.14 Nginx访问控制 12.15 Nginx解析php相关配置(502的问题) 12.16 Nginx代理 扩展 502问题汇总 http://ask.apelearn.com/question/9109 location优先级 http://blog....

王鑫linux
今天
1
0
Nginx防盗链、访问控制、解析php相关配置、Nginx代理

一、Nginx防盗链 1. 编辑虚拟主机配置文件 vim /usr/local/nginx/conf/vhost/test.com.conf 2. 在配置文件中添加如下的内容 { expires 7d; valid_referers none blocked server_names *.tes......

芬野de博客
今天
0
0
spring EL 和资源调用

资源调用 import org.springframework.beans.factory.annotation.Value;import org.springframework.context.annotation.PropertySource;import org.springframework.core.io.Resource;......

Canaan_
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部