`

web 与服务器同步倒计时

阅读更多
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

分享到:
评论

相关推荐

    理想Web倒计时器的设计与实现

    ### 理想Web倒计时器的设计与实现 #### 摘要 在Web开发领域,倒计时器作为一种常见的功能组件,在多种场景中扮演着重要的角色,如在线考试系统、活动倒计时等。然而,传统的JavaScript实现的倒计时器存在诸多局限...

    倒计时web插件

    倒计时通常基于服务器时间或者用户本地时间,计算目标日期与当前日期之间的差值,然后根据这个差值动态更新显示。在JavaScript中,我们可以使用Date对象来获取和操作日期时间,通过setInterval函数实现定时刷新倒...

    理想Web倒计时器的设计与实现.doc

    本文总结了理想Web倒计时器的设计与实现,解决了传统倒计时器的缺陷,如页面刷新后重新开始倒计时、面关闭再打开后重新开始倒计时、无法做到全部客户端同步、计时不精确、无法对自身进行校正、一旦客户端修改了...

    javascript同步服务器时间和同步倒计时小技巧

    在本文中,我们将探讨如何使用JavaScript技术来同步服务器时间,并实现一个同步倒计时功能。这一技术常用于需要时间同步的Web应用中,例如秒杀活动、定时活动、在线考试系统等。 首先,我们来看一下同步服务器时间...

    倒计时C#源码

    5. **实时同步**:在网络应用中,可以将倒计时同步到服务器,确保所有设备上的倒计时一致。 在实现这些高级特性时,可能需要用到C#的线程同步技术(如Mutex、Semaphore)、事件驱动编程、网络通信(如HTTP请求)等...

    倒计时防刷新代码

    综上所述,"倒计时防刷新代码"是一项涉及客户端与服务器交互、本地存储技术以及用户体验优化的重要任务。选择合适的方法,可以有效防止用户刷新页面对倒计时功能的影响,从而保证考试系统的公正性。在DEMO文件中,...

    skilltime_秒杀倒计时_京东秒杀_

    【秒杀倒计时与京东秒杀系统详解】 在电商领域,秒杀活动是一种非常流行的促销手段,能够吸引大量用户参与并快速清空库存。京东作为国内知名的电商平台,其秒杀功能更是备受瞩目。本教程将围绕“京东秒杀倒计时”这...

    aspnet模仿淘宝聚划算一个倒计时和一页多个倒计时例子

    在ASP.NET开发中,模拟淘宝聚划算的倒计时功能是一项常见的需求,它涉及到前端界面的动态更新、服务器端的时间同步以及数据库交互等多个技术环节。本案例由"京华志&精华志"出品,旨在分享C#、ASP.NET、SQL和DBA相关...

    jQuery6种不同倒计时效果代码.zip

    实时倒计时是指倒计时始终与服务器时间同步,即使用户关闭或刷新页面,倒计时依然准确。这需要用到Ajax技术,通过定时向服务器请求当前时间,确保倒计时的准确性。 以上六种倒计时效果各有特色,开发者可以根据实际...

    jsp简单的漂浮倒计时

    通过理解漂浮元素的CSS设置以及服务器和客户端时间同步的机制,开发者可以扩展此示例,实现更复杂的功能,如多语言支持、自定义格式化或与数据库交互以获取动态的倒计时时间。这个项目对于初学者来说是很好的实践,...

    JavaScript--倒计时

    在实际应用中,我们还需要考虑一些细节问题,比如时区差异、闰年处理、前端与服务器时间同步等。为了提高代码可读性和可维护性,可以将倒计时功能封装成一个模块或插件,提供更丰富的配置选项。 在压缩包中的“倒...

    jquery翻牌倒计时代码.zip

    如果倒计时与服务器端的数据同步,那么Ajax将起到关键作用。 8. **网页部署**:为了使这个翻牌倒计时网页可供用户访问,需要将其部署到一个Web服务器上,如Apache、Nginx或托管服务。部署过程包括上传文件、配置...

    仿滴滴抢单倒计时Demo

    在倒计时过程中,应用需要不断与服务器保持同步,获取最新的抢单状态。这可能涉及到WebSocket长连接、轮询机制或者基于推送的消息服务。同步策略的选择需考虑到性能和实时性。 5. **错误处理**: 开发者应考虑...

    秒杀倒计时控件

    - 服务器同步:为了确保所有用户看到的时间一致,需要与服务器进行时间同步,防止因客户端时间不准确导致的误差。 3. **数据交互**: - API接口:与后端通信获取倒计时开始时间和结束时间,可能需要通过RESTful ...

    定时抢购倒计时

    5. **前端与后端交互**:为了保证准确性,前端需要与后端进行同步,确保即使用户关闭或刷新页面,倒计时仍然正确。这可以通过在页面加载时再次向服务器确认当前时间是否已过抢购期来实现。 6. **用户体验优化**:...

    时钟倒计时,背景音乐,实时北京时间,星期,倒计时时间,每天的倒计时,弹幕,发表弹幕

    3. **实时北京时间**: 实时同步中国的标准时间,需要与网络时间服务器进行同步,可能需要用到JavaScript的`Date`对象或者`moment-timezone`库来处理时区转换。 4. **星期显示**: 这是基本的时间显示功能,可以通过...

    网页上发送短信时验证码变灰倒计时显示

    同时,它会设置一个与前端倒计时同步的超时限制,防止在前端倒计时未结束前再次发送验证码。 5. **用户验证** - 用户收到短信后,在网页上输入验证码。前端会将输入的验证码发送到后端,后端核对验证码是否正确。...

Global site tag (gtag.js) - Google Analytics