javascript彩色方块倒计时插件

所属分类: 网页特效-日期时间    2024-12-06 01:40:58

javascript彩色方块倒计时插件 ie兼容8
 查看演示  登录后下载 温馨提示
登录会员即可享受免费下载
 我要建站

javascript彩色方块倒计时插件(共2个文件)

    • index.html

使用方法

if (typeof xcsoft == "undefined") var xcsoft = new
function() {};
xcsoft.countdown = function(a, b, c) {
    var d = new Object();
    var e = 0;
    if (typeof a == "object") {
        var f = parseInt(new Date().getTime() / 1000);
        var g = a.startTime ? parseInt(a.startTime) : 0;
        g = g == 0 ? f: g;
        var h = a.endTime;
        var x = g - f;
        d.decimal = parseInt(a.msec ? a.msec: 0)
    } else {
        var f = 0;
        var x = 0;
        d.decimal = 0;
        var h = a;
        var i = h.toString();
        if (i.indexOf('.') > 0) {
            d.decimal = i.split('.')[1];
            if (d.decimal > 3) {
                d.decimal = 3
            }
        }
    }
    d.time = h;
    d.finish = false;
    if (isNaN(h)) {
        var j = h.substring(0, 19);
        j = j.replace(/-/g, '/');
        d.time = new Date(j).getTime() / 1000
    }
    var k = d.decimal == 0 ? 100 : 100;
    d.day = 0;
    d.hour = 0;
    d.minute = 0;
    d.second = 0;
    d.t = setInterval(function() {
        e = new Date().getTime();
        f = parseInt(e / 1000 + x);
        var l = d.time - f;
        if (l <= 0) {
            e = 0;
            l = 0
        }
        if (l >= 0) {
            d = xcsoft.getTimeObject(d, l)
        }
        if (d.decimal == 1) {
            d.msecZero = d.msec = parseInt(10 - e % 1000 / 100);
            if (d.msec == 10 || l == 0) {
                d.msecZero = d.msec = 0
            }
        } else if (d.decimal == 2) {
            d.msecZero = d.msec = parseInt(100 - e % 1000 / 10);
            if (d.msec < 10) {
                d.msecZero = '0' + d.msec
            } else if (d.msec == 100 || l == 0) {
                d.msec = 0;
                d.msecZero = '0' + d.msec
            }
        } else {
            d.msecZero = d.msec = parseInt(1000 - e % 1000);
            if (d.msec < 10) {
                d.msecZero = '00' + d.msec
            } else if (d.msec < 100) {
                d.msecZero = '0' + d.msec
            } else if (d.msec == 1000 || l == 0) {
                d.msec = 0;
                d.msecZero = '00' + d.msec
            }
        }
        if (b) {
            b(d)
        }
        if (l <= 0 || d.stop == true) {
            clearInterval(d.t);
            d.finish = true;
            if (c) c(d)
        }
    },
    k)
};
xcsoft.countup = function(c, d) {
    if (!c) {
        var e = new Date().getTime();
        c = parseInt(e / 1000)
    } else if (isNaN(c)) {
        c = c.replace(/-/g, '/');
        var e = new Date(c).getTime();
        c = parseInt(e / 1000)
    }
    var f = new Object();
    f.time = c;
    f.t = setInterval(function() {
        var a = new Date().getTime();
        nowtime = parseInt(a / 1000);
        var l = nowtime - c;
        f = xcsoft.getTimeObject(f, l);
        if (d) var b = d(f);
        if (b === true) {
            clearTimeout(f.t)
        }
    },
    100)
};
xcsoft.getTimeObject = function(a, l) {
    var b = 60;
    var c = b * b;
    var d = 24 * c;
    a.days = Math.floor(l / d);
    a.year = Math.floor(a.days / 365);
    a.day = Math.floor(a.days % 365);
    a.hour = Math.floor(l % d / c);
    a.minute = Math.floor((l - (a.days * d + a.hour * c)) / b);
    a.second = Math.floor(l % (b));
    a.dayZero = a.day < 10 ? '0' + a.day: a.day;
    a.daysZero = a.days < 10 ? '0' + a.days: a.days;
    a.hourZero = a.hour < 10 ? '0' + a.hour: a.hour;
    a.minuteZero = a.minute < 10 ? '0' + a.minute: a.minute;
    a.secondZero = a.second < 10 ? '0' + a.second: a.second;
    return a
}

站长提示:
1. 苦力吧素材官方QQ群:950875342
2. 平台上所有素材资源,需注册登录会员方能正常下载。
3. 会员用户积极反馈网站、素材资源BUG或错误问题,每次奖励2K币
4. PHP源码类素材,如需协助安装调试,或你有二次开发需求,可联系苦力吧客服。
5. 付费素材资源,需充值后方能下载,如有任何疑问可直接联系苦力吧客服
相关资源 / 日期时间

jquery多功能日期选择器插件

一个超轻量级支持自定义的跨浏览器日期选择器插件,功能丰富强大,支持回调函数。
  日期时间
 9254  0

js轻量级支持自定义的定时器倒计时插件

这是一款Pomodoro时钟定时器插件,该小部件显示会话和中断持续时间,鼠标点击加号和减号按钮进行轻松调整时间,开始和停止按钮控制计时器。
  日期时间
 6239  0

javascript实现的5秒后重新加载页面

一款定时加载筛选页面脚本示例,使用JavaScriptset Timeout()方法来设置重新加载页面的计时器,每隔5000毫秒(5秒钟)重新加载一次页面。
  日期时间
 9373  0

jquery高仿逼真的劳力士手表

一款逼真的手表显示在线时间特效,使用了纯HTML和CSS创建的劳力士手表。
  日期时间
 565  0

评论数(0) 回复有机会获得K币 用户协议

^_^ 还没有人评论,快来抢个沙发!
😀
  • 😀
  • 😊
  • 😂
  • 😍
  • 😑
  • 😷
  • 😵
  • 😛
  • 😣
  • 😱
  • 😋
  • 😎
  • 😵
  • 😕
  • 😶
  • 😚
  • 😜
  • 😭
发表评论