zoukankan      html  css  js  c++  java
  • js活动倒计时

    html代码:

    <div class="endtime" value="1354365003"></div>
    <div class="endtime" value="1350748800"></div>
    <div class="endtime" value="1346487780"></div>
    <div class="endtime" value="1367380800"></div>

    js代码:

    var serverTime = 1000; //服务器时间,毫秒数 
    $(function(){ 
        var dateTime = new Date(); 
        var difference = dateTime.getTime() - serverTime; //客户端与服务器时间偏移量 
    
        setInterval(function(){
            $(".endtime").each(function(){
                var obj = $(this);
                    endTime = new Date(parseInt(obj.attr('value')) * 1000),
                    nowTime = new Date();
                    nMS=endTime.getTime() - nowTime.getTime() + difference,
                    myD=Math.floor(nMS/(1000 * 60 * 60 * 24)); //
                    myH=Math.floor(nMS/(1000 * 60 * 60)) % 24, //小时
                    myM=Math.floor(nMS/(1000 * 60)) % 60, //分钟
                    myS=Math.floor(nMS/1000) % 60, //
                    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秒执行一次
    });

     注解:

    每个活动定义了结束时间.endtime属性value的值,这个值是一串数字,表示自1970年1月1日以来的秒数,由后台(PHP)生成。比如结束时间2013-05-01 12:00可以通过PHP转换为1367380800秒,转换后的秒数可以用来接下来的jQuery计算倒计时。

  • 相关阅读:
    我的VIM.rc
    汉字编码
    儿童绘本
    禁用Linux bash rm --force
    English Audio-Books
    谱曲软件-MuseScore
    redis cluster 的ERR max number of clients reached 问题排查
    mycat引起的insert后马上select不到数据的故障分析
    生产环境elasticsearch
    docker kafka 修改hostname导致的问题
  • 原文地址:https://www.cnblogs.com/naokr/p/5266833.html
Copyright © 2011-2022 走看看