zoukankan      html  css  js  c++  java
  • JS实现倒计时

      HTML部分:

         <div class="div">
                <div id="div">
                    
                </div>
            </div>

      CSS部分:

        *{margin: 0; padding: 0;}
        .div{width:100%;height:636px;background: linear-gradient(to top, #333 0%, #fff 100%);}
        #div{box-sizing: border-box;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-100%);font-family: STXingkai;font-size: 50PX;}
            

      

      JS部分:

          function biao2(){
                    var div = document.getElementById("div");
                    var dt = new Date("2018-1-12 12:00:00") - new Date(); //假设倒计时时间为明天十二点开始减去今天的时间, 算出明天距离今天所剩的毫秒数
                    if(dt>0){
                           hours=Math.floor(dt/1000/60/60%24); 
                          min=Math.floor(dt/1000/60%60);
                          sec=Math.floor(dt/1000%60);    
                    }
                    div.innerHTML="倒计时:"+hours+"时"+min+"分"+sec+"秒";
                }
                setInterval("biao2()",1000);
  • 相关阅读:
    java io
    java 线程
    java 引用
    spring面试合集
    jvm(6):JMM
    jvm(n):JVM面试
    jvm(5):类加载机制
    jvm(4):类文件结构
    C# UDP编程简介
    Facebook 对 Memcache 伸缩性的增强
  • 原文地址:https://www.cnblogs.com/houxiaowei/p/8267850.html
Copyright © 2011-2022 走看看