注册 登录 充值会员 退出
联系客服 毕业设计 java源码 PHP源码
充值

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

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2024-03-10
简单漂亮的彩色方块计时器和倒计时js代码
简单漂亮的彩色方块计时器和倒计时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>

关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。