解决web倒计时在IOS手机失效

本文介绍了一种使用JavaScript实现倒计时的方法,并通过AJAX获取网络时间来与本地时间进行同步,确保倒计时的准确性。该方法首先定义了起始时间,然后通过不断更新与当前网络时间的差值来实时显示剩余天数、小时、分钟及秒数。

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

  //起始时间,格式为yyyy-MM-DD hh:mm:ss

  var starttime = "2017-10-20 10:20:10";

//将时间转为yyyy/MM/DD hh:mm:ss 格式,若起始时间为此格式,忽略

    starttime = new Date(starttime.replace(/-/g, "/"));

//获取网络时间

    var nowtimeStr = $.ajax({async: false}).getResponseHeader("Date");
    var nowtime =  new Date(nowtimeStr.replace(/-/g, "/"));
    var time = starttime - nowtime;
    setInterval(function () {
        time = time - 1000;
        var day = parseInt(time / 1000 / 60 / 60 / 24);
        var hour = parseInt(time / 1000 / 60 / 60 % 24);
        var minute = parseInt(time / 1000 / 60 % 60);
        var seconds = parseInt(time / 1000 % 60);
        $("#timeD").html(day);
        $("#timeH").html(hour);
        $("#timeM").html(minute);
        $("#timeS").html(seconds);
    }, 1000);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值