文档章节

倒计时

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
昌平

暂无文章

VS code编辑器安装 php7.2 NTS 版本 Xdebug

本文使用的是 phpstudy 一键安装包(windows32位) php 版本是 php7.2 NTS 1、在 phpstudy 面板中开启 phpdebug 扩展 // 其他选项菜单-> php 扩展与设置-> php 扩展 2、官方下载 Xdebug // ...

削个椰子皮_给个梨
10分钟前
0
0
Swagger中配置了@ApiModelProperty的allowableValues属性但不显示的问题

现在用Swagger来生成API文档的例子已经非常多了,今天碰到开发同事问了一个问题,帮着看了一下,主要还是配置方法的问题,所以记录一下。如果您也碰到了同样的问题,希望本文对您有用。 问题...

程序猿DD
40分钟前
1
0
sql 命令

show variables like '%general%'; show variables like '%log_output%'; show variables like '%quer%'; show global status like '%slow%';...

JavaSon712
48分钟前
2
0
Django修改默认数据库引擎

Django默认数据库引擎为sqlite3,除了sqlite3,还支持postgresql、mysql、oracle 配置如下:其中postgresql_psycopg2为postgresql的适配器。 'django.db.backends.postgresql' 'django.db.bac......

MichaelShu
53分钟前
0
0
动画源码解析

目录介绍 1.Animation和Animator区别 2.Animation运行原理和源码分析 2.1 基本属性介绍 2.2 如何计算动画数据 2.3 什么是动画更新函数 2.4 动画数据如何存储 2.5 Animation的调用 3.Animator...

潇湘剑雨
59分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部