zoukankan      html  css  js  c++  java
  • 可以自己设置时分秒的倒计时

    <!DOCTYPE html>
    <html lang="en">

    <head>
    <meta charset="UTF-8" />

     
        <title>倒计时</title>  
    </head>  
    <body>  
        <div id="timer1">  
        </div>  
        <div id="timer2">  
        </div>  
        <div id="timer3">  
        </div>  
    </body>  
      
    <script type="text/javascript">  
         
        
        var addTimer = function () {     
            var list = [],     
                interval;     
        
            return function (id, time) {     
                if (!interval)     
                    interval = setInterval(go, 1000);     
                list.push({ ele: document.getElementById(id), time: time });     
            }     
        
            function go() {     
                for (var i = 0; i < list.length; i++) {     
                    list[i].ele.innerHTML = getTimerString(list[i].time ? list[i].time -= 1 : 0);     
                    if (!list[i].time)     
                        list.splice(i--, 1);     
                }     
            }     
        
            function getTimerString(time) {     
                    d = Math.floor(time / 86400),     
                    h = Math.floor((time % 86400) / 3600),     
                    m = Math.floor(((time % 86400) % 3600) / 60),     
                    s = Math.floor(((time % 86400) % 3600) % 60);     
                if (time>0)     
                    return d + "天" + h + "小时" + m + "分" + s + "秒";       
                else return "时间到";     
            }     
        } ();     
        
        addTimer("timer1", 999999);     
        addTimer("timer2", 66666);     
        addTimer("timer3", 33333);   
    </script>  
    </html>
  • 相关阅读:
    Jsp补充
    Jsp和Servlet关系
    ServletContext简介
    利用Session实现三天免登陆
    Cookie简介
    JSP简介
    线程基础--同步机制
    深思——工作面试
    response.setcontenttype的參数
    Codeforces 96D Volleyball spfa
  • 原文地址:https://www.cnblogs.com/chenmiaosong/p/8065399.html
Copyright © 2011-2022 走看看