美文网首页
jquery实现多个商品倒计时

jquery实现多个商品倒计时

作者: 上街买菜丶迷倒老太 | 来源:发表于2016-08-25 23:20 被阅读0次

    html<pre>
    <span endTime="1472169600" class="start_time"></span>
    </pre>
    jquery
    <pre>
    <script
    function timer(){
    window.setInterval(function(){
    $('.start_time').each(function(i){//循环每一个类
    console.log(this);
    var start_time = $(this).attr("endTime"); //获得当前这个类中的结束时间戳 秒
    var currentTime = new Date().getTime();//获得当前的时间戳 毫秒
    var intDiff = start_time - Math.round(new Date().getTime()/1000-28800);//把当前时间戳毫秒级转换成秒级进行加减

                  var day=0,
                  hour=0,
                  minute=0,
                  second=0;//时间默认值        
                  if(intDiff > 0){
                      day = Math.floor(intDiff / (60 * 60 * 24));
                      hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
                      minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
                      second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
                  }
                  if (minute <= 9) minute = '0' + minute;
                  if (second <= 9) second = '0' + second;
                  $(this).html(day+"天"+hour+'时'+minute+'分'+second+'秒');//输出
                  
                });
              }, 1000);//每一秒执行一次
          } 
          $(function(){
              timer();
          });    
          </script>
    

    </pre>

    相关文章

      网友评论

          本文标题:jquery实现多个商品倒计时

          本文链接:https://www.haomeiwen.com/subject/zriasttx.html