JS时间倒计时

/*
单个控件对应的时间倒计时
时间倒计时JS,具体控件使用写法,主要是两个控件id要注意。
hidTimeId:需要计算的时间控件的id。由于是用value取得数据的,需要控件能有value可取(text最好)。不然也可以修改取值方式。
showTimeId:返回的时间展示的控件id。由于是用innerHTML展示数据的,需要控件能有innerHTML可取(span最好)。不然也可以修改取值方式。
*/
function GetServerTime(hidTimeId, showTimeId) {
    var now = new Date();
    var utime = document.getElementById(hidTimeId).value;
    if (utime == "")
        return "无";
    var urodz = new Date(utime);
    var daysRound = Math.floor((urodz - now) / 1000 / 60 / 60 / 24);
    var hoursRound = Math.floor((urodz - now) / 1000 / 60 / 60 - (24 * daysRound));
    var minutesRound = Math.floor((urodz - now) / 1000 / 60 - (24 * 60 * daysRound) - (60 * hoursRound));
    var secondsRound = Math.floor((urodz - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound));
    var time = daysRound + "天" + hoursRound + "小时" + minutesRound + "分" + secondsRound + "秒";
    if (daysRound < 0 || hoursRound < 0 || minutesRound < 0 || secondsRound < 0)
        time = "活动已经结束!";
    document.getElementById(showTimeId).innerHTML = time;
    setTimeout("GetServerTime(\"" + hidTimeId + "\",\"" + showTimeId + "\")", 1000);
}

/*
多个时间对应的倒计时
时间倒计时JS,具体控件使用写法,主要是两个控件name属性要注意。
hidTimeName:需要计算的时间控件的name。由于是用value取得数据的,需要控件能有value可取(text最好)。不然也可以修改取值方式。
showTimeName:返回的时间展示的控件iname。由于是用innerHTML展示数据的,需要控件能有innerHTML可取(span最好)。不然也可以修改取值方式。
需要注意的是IE取不到name属性,需要把这些控件的id也设置为和这个name属性一样的值。
*/
function GetServerSomeTimes(hidTimeName, showTimeName) {
    var now = new Date();
    var utime = document.getElementsByName(hidTimeName);
    var stime = document.getElementsByName(showTimeName);
    for (var i = 0; i < utime.length; i++) {
        if (utime[i] == "")
            return "无";
        var urodz = new Date(utime[i]);
        var daysRound = Math.floor((urodz - now) / 1000 / 60 / 60 / 24);
        var hoursRound = Math.floor((urodz - now) / 1000 / 60 / 60 - (24 * daysRound));
        var minutesRound = Math.floor((urodz - now) / 1000 / 60 - (24 * 60 * daysRound) - (60 * hoursRound));
        var secondsRound = Math.floor((urodz - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound));
        var time = daysRound + "天" + hoursRound + "小时" + minutesRound + "分" + secondsRound + "秒";
        if (daysRound < 0 || hoursRound < 0 || minutesRound < 0 || secondsRound < 0)
            time = "活动已经开始!";
        stime[i].innerHTML = time;
    }
    setTimeout("GetServerTime(\"" + hidTimeName + "\",\"" + showTimeName + "\")", 1000);
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值