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();
      ```
  • 相关阅读:
    如何高效学习读书笔记
    对Java虚拟机理解
    对Java虚拟机的认识和理解
    翻译一篇关于jedis的文章
    Java 异常机制
    spring boot基础 入门
    每天记录一个设计模式之建造者模式
    如何在mybatis 中使用In操作
    Git 基本命令有哪些
    JavaScript
  • 原文地址:https://www.cnblogs.com/dxzg/p/8400406.html
Copyright © 2011-2022 走看看