码迷,mamicode.com
首页 > 移动开发 > 详细

js倒计时在移动端的应用

时间:2018-02-01 18:30:39      阅读:203      评论:0      收藏:0      [点我收藏+]

标签:down   set   interval   get   获取   blog   ret   clear   测试   

在移动端测试倒计时,将时间转化为毫秒会在苹果手机上出现NaN

  ```
  //在安卓上这样写可以获取到的
  var date = ‘2017-06-12 13:12:13‘;
  var time = new Date(date).getTime();
  //但在苹果手机上是不支持的,必须这样写:
  var time = new Date(date.replace(/-/g,‘/‘)).getTime();
  //有时时间格式要有问题的情况下,要先用split进行切分处理。
  ```

  以下是实现代码
  ```
  var sh;
  function getStartTime(StartTime) {
      var t = Number(StartTime+172800000) - Date.now(); //时间差的毫秒数
      var d = 0,
          h = 0,
          m = 0,
          s = 0,
          ah = 0;
      if (t >= 0) {
          d = Math.floor(t / 1000 / 3600 / 24);
          h = Math.floor(t / 1000 / 60 / 60 % 24);
          m = Math.floor(t / 1000 / 60 % 60);
          s = Math.floor(t / 1000 % 60);
          ah = d*24+h;
          if (ah<10) {
            ah = ‘0‘+ah;
          }
          if (m<10) {
            m = ‘0‘+m;
          }
          if (s<10) {
            s = ‘0‘+s;
          }
          return ‘<span>‘+ah+‘</span>‘+"小时"+‘<span>‘+m+‘</span>‘+"分钟"+‘<span>‘+s+‘</span>‘+"秒";
      }else{
        return "活动已经结束";
        clearInterval(sh);
      }
  } 
  sh=setInterval(setTimeInterval,1000);    
  function setTimeInterval(){
    var time = data.RargainU.createtime.split(".")[0].replace(/-/g,‘/‘);
    var StartTime =  new Date(time).getTime();
    // 在页面中插入
    $(".time").html(getStartTime(StartTime));
  }
  setTimeInterval();
  ```

js倒计时在移动端的应用

标签:down   set   interval   get   获取   blog   ret   clear   测试   

原文地址:https://www.cnblogs.com/dxzg/p/8400406.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!