简单漂亮的彩色方块计时器和倒计时js代码

js代码

<script type=\"text/javascript\" src=\"js/timecountdown.js\"></script>
<script type=\"text/javascript\">
    /**
     * time.day 和 time.dayZero 区别
     * time.day 如果是1天 返回 1
     * time.dayZero 如果是1天 则返回 01
     * 除了day拥有Zero外 hour,minute,second,msec都有Zero 即小于10的，都会在前面补0
     */
    window.onload=function(){
        xcsoft.countdown(\'2028-11-11\',function (time) {
            //time.days=总天数
            document.getElementById(\"y1\").innerHTML=time.year
            document.getElementById(\"d1\").innerHTML=time.day
            document.getElementById(\"h1\").innerHTML=time.hourZero
            document.getElementById(\"i1\").innerHTML=time.minuteZero
            document.getElementById(\"s1\").innerHTML=time.secondZero
            document.getElementById(\"m1\").innerHTML=time.msecZero
        },function (time) {
            //倒计时结束后的操作
        })
        xcsoft.countup(\'2018-11-11\',function (time) {
            document.getElementById(\"y2\").innerHTML=time.year
            document.getElementById(\"d2\").innerHTML=time.day
            document.getElementById(\"h2\").innerHTML=time.hourZero
            document.getElementById(\"i2\").innerHTML=time.minuteZero
            document.getElementById(\"s2\").innerHTML=time.secondZero
        })

        var nes=parseInt(new Date().getTime()/1000)+60;
        xcsoft.countdown(parseInt(nes)+\'.3\',function (time) {
            document.getElementById(\"s3\").innerHTML=time.secondZero
            document.getElementById(\"m3\").innerHTML=time.msecZero
        })

    }
</script>