javascript-倒计时-(咋个办呢-zgbn)

最新推荐文章于 2023-06-29 14:43:36 发布

咋个办呢

最新推荐文章于 2023-06-29 14:43:36 发布

阅读量396

点赞数

分类专栏： javascript 文章标签： javascript 倒计时咋个办呢时钟

本文链接：https://blog.csdn.net/ai_zxc/article/details/50628195

版权

javascript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

javascript-倒计时

下面的代码复制后直接可用

<html>
<script type="text/javascript">
/**
 * @parame eid 元素ID，将倒计时空间绑定在元素上
 * @parame startDateTime 倒计时开始日期时间 countTime = {YY:年，MM:月，DD:日，HH:时，MS:分，SS:秒}
 * @parame unit 单位，按那个单位倒计时。例如'SS'按秒，'MS'按分；可选参数，默认为'SS'
 * @parame format 倒计时显示的样式：YYYY-MM-DD HH:MS:SS 或者 MS分:SS秒 可选参数,默认为 HH:MS:SS
 * return boolean 
 */
function counDownTime(eid,startDateTime,unit,format) {        

    if(!window._unit && !window._format && !window._eid && !window._count && !window._sumSS && !window.CDate){
        if(eid && startDateTime){
            window._unit = unit||'SS' ;
            window._format = format||'HH:MS:SS' ;
            window._eid = eid ;
            window._count = window._count||0 ;
            window._sumSS = 'SS'==window._unit?1000:'MS'==window._unit?60*1000:'HH'==window._unit?60*60*1000:'DD'==window._unit?24*60*60*1000:1000 ;

            window.CDate = new Date(startDateTime.YY,startDateTime.MM-1,startDateTime.DD,startDateTime.HH,startDateTime.MS,startDateTime.SS) ;
        }
        else{
            return false ;
        }
    }

    window._count = window._count+window._sumSS-0 ;

    var nowDate = new Date() ;

    var setEshow = function(date){

        var stime = window._format ;

        if(stime.indexOf('YYYY')!=-1){
            stime = stime.replace('YYYY', date?date.getFullYear():0) ;
        }
        if(stime.indexOf('MM')!=-1){
            stime = stime.replace('MM', date?date.getMonth()+1:0)
        }
        if(stime.indexOf('DD')!=-1){
            stime = stime.replace('DD', date?date.getDate():0)
        }
        if(stime.indexOf('HH')!=-1){
            stime = stime.replace('HH', date?date.getHours():0)
        }
        if(stime.indexOf('MS')!=-1){
            stime = stime.replace('MS', date?date.getMinutes():0)
        }
        if(stime.indexOf('SS')!=-1){
            stime = stime.replace('SS', date?date.getSeconds():0)
        }

        return stime ;
    } ;

    var destructor = function(){
        window._unit = null ;
        window._format = null ;
        window._eid = null ;
        window._count = null ;
        window._sumSS = null ;

        window.CDate = null ;
    }

    if(nowDate.getTime() >= window.CDate.getTime()){
        document.getElementById(window._eid).innerHTML = setEshow(null);
        destructor() ;
        return true ;
    }
    else{
        document.getElementById(window._eid).innerHTML = setEshow(new Date(window.CDate.getTime()-window._count));
    }

    setTimeout("counDownTime()",window._sumSS) ;
}

</script>
<body>

<h1>倒计时</h1>

   <span id='time' style='font-size:40px;color:#F00'>05.00</span><span id='time' style='font-size:40px;color:#F00'>s</span>

   <input type=button value='倒计时' onclick='counDownTime("time",{YY:2011,MM:7,DD:28,HH:15,MS:0,SS:0},null)' />

</body>

</html>