zoukankan      html  css  js  c++  java
  • js倒计时在移动端的应用

    在移动端测试倒计时,将时间转化为毫秒会在苹果手机上出现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();
      ```
  • 相关阅读:
    web性能优化
    9.1_the end
    8.28_the end
    1.获取元素绝对位置
    8.14_end
    JavaScript 函数用途
    JavaScirpt事件处理
    《JavaScript语言精粹》读书笔记
    《图解http协议》之HTTPs学习笔记
    Laya 1.x 按文件夹TS代码合并
  • 原文地址:https://www.cnblogs.com/dxzg/p/8400406.html
Copyright © 2011-2022 走看看