时间在服务器上面显示为NAN

本文介绍了一种使用JavaScript和jQuery实现动态倒计时的方法。通过解析输入的时间字符串,并将其转换为日期对象,进而计算出剩余天数、小时、分钟及秒数。最后更新到页面上对应的元素中。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

function show() {

    var spanTimeList = new Array();
    var ipt_timeList = new Array();
    ipt_timeList = $(".ipt_time");                //变量
    spanTimeList = $(".span_time");         //变量 
    for (_i = 0; _i < spanTimeList.length; _i++) {
        var date = new Date();
        var timeEnd = $(ipt_timeList[_i]).val();     //时间为字符串类型。下面要转换
        var str;
        var s_split;
        var w_replace;
        if (timeEnd != "") {
            var obj1 = timeEnd.split(" ");
            var obj2 = obj1[0].split("-");
            var obj3 = obj1[1].split(":");
            $.each(obj2, function (i) {
                str += obj2[i] + ",";
            })
            $.each(obj3, function (i) {
                str += obj3[i] + ",";
            })
            str = str.substring(0, str.length - 1);
            w_replace = str.replace("undefined", "");
            s_split = w_replace.split(',');
                  }
        var dateEnd = new Date(s_split[0], s_split[1], s_split[2], s_split[3], s_split[4], s_split[5]);   //字符串类型转化为时间类型
        var date3 = dateEnd.getTime() - date.getTime();
        var days = Math.floor(date3 / (24 * 3600 * 1000));
        var leave1 = date3 % (24 * 3600 * 1000);
        var hours = Math.floor(leave1 / (3600 * 1000));
        var leave2 = leave1 % (3600 * 1000);
        var minutes = Math.floor(leave2 / (60 * 1000));
        var leave3 = leave2 % (60 * 1000);
        var seconds = Math.round(leave3 / 1000);

        $(".pl_bottom .s_day").eq(_i).text(days);
        $(".pl_bottom .s_hours").eq(_i).text(hours);
        $(".pl_bottom .s_minute").eq(_i).text(minutes);
        $(".pl_bottom .s_second").eq(_i).text(seconds);
          }

    setTimeout("show()", 1000);
}

 

 

 

 

上面需要JQuery 文件 1.3.2及以上版本.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值