前端从服务器获取时间进行倒计时

本文介绍如何在前端应用中从服务器获取准确时间,并实现精准的倒计时功能,包括请求服务器时间的步骤、时间同步算法及在JavaScript中进行时间计算和更新界面的方法。
摘要由CSDN通过智能技术生成
let countdown=function(countdownDate,callback){//这里countdownDate传入未来的日期,格式为"2018/12/28"
    let o={}
    let currentTime={};
    //从服务器读取时间
    $.ajax({
        url:"http://localhost/server/getTime.php",//服务器时间API
        success:function(data){//data为服务器传过来的时间,检查一下格式,如果不是毫秒数,用Date.parse()转换一下
            let futureTime=new Date(countdownDate).getTime();
            o.timer = setInterval(function () {
                o.mines=futureTime-data;
                o.day = parseInt(o.mines / 1000 / 60 / 60/24 );
                o.day=o.day<10?0+''+o.day:o.day;//处理一下时间格式
                o.hour = parseInt(o.mines / 1000 / 60 / 60)%24;
                o.hour=o.hour<10?0+''+o.hour:o.hour;
                o.minute = parseInt(o.mines/1000/60)%60;
                o.minute=o.minute<10?0+''+o.minute:o.minute;
                o.second
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值