web 与服务器同步倒计时

最新推荐文章于 2021-08-13 19:22:08 发布

最新推荐文章于 2021-08-13 19:22:08 发布 · 384 阅读

文章标签：

#Web #JavaScript #ViewUI

javascript 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了如何在网页中实时显示服务器时间和客户端时间，并通过计算时间差来展示两者之间的偏移量，包括天数、小时、分钟、秒等详细信息。

var serverTime =  * 1000; //服务器时间，毫秒数 
$(function(){ 
    var dateTime = new Date(); 
    var difference = dateTime.getTime() - serverTime; //客户端与服务器时间偏移量 
     
    setInterval(function(){ 
      $(".endtime").each(function(){ 
        var obj = $(this); 
        var endTime = new Date(parseInt(obj.attr('value')) * 1000); 
        var nowTime = new Date(); 
        var nMS=endTime.getTime() - nowTime.getTime() + difference; 
        var myD=Math.floor(nMS/(1000 * 60 * 60 * 24)); //天 
        var myH=Math.floor(nMS/(1000*60*60)) % 24; //小时 
        var myM=Math.floor(nMS/(1000*60)) % 60; //分钟 
        var myS=Math.floor(nMS/1000) % 60; //秒 
        var myMS=Math.floor(nMS/100) % 10; //拆分秒 
        if(myD>= 0){ 
            var str = myD+"天"+myH+"小时"+myM+"分"+myS+"."+myMS+"秒"; 
        }else{ 
            var str = "已结束！";     
        } 
        obj.html(str); 
      }); 
    }, 100); //每个0.1秒执行一次 
});

转载自：http://www.helloweba.com/view-blog-182.html