• 回复@海之宁:不给你分配生产资料你咋尽所能? 2019-06-18
  • 霍金说,广义相对论的爱因斯坦方程“将和宇宙同在”。而“真理论者”在人民网上公开辱骂爱因斯坦是“极度残脑”,乃狂犬吠日。 2019-06-18
  • 习近平:在深入推动长江经济带发展座谈会上的讲话 2019-06-15
  • 平话文化旅游节又来了!乐游扬美古镇嗨购江南万达 2019-06-15
  • 【老蚕】,可分为;【轻度老蚕,重度老蚕,全面脑瘫】三个等级。试想;你是属于哪个级别。。。?[福尔摩斯] 2019-06-04
  • 【人事】中共临汾市委组织部公示3名拟任职干部 2019-06-04
  • 西部网(陕西新闻网)www.cnwest.com 2019-06-02
  • 交通部发布端午假期出行指南 教你如何避堵 2019-06-02
  • 共产主义劳动不再是谋生手段就是劳动不再是看着就想笑鼓吹私有制下的责权利所谓平滑对接下的为生存而做资本的雇佣劳动奴隶劳动,而是在共产主义公有制里劳动由于一辈子做 2019-06-02
  • 李克强:今年再减少农村贫困人口1000万以上 2019-06-01
  • 台湾如何管理“路边摊” 2019-06-01
  • 看河北绿水青山咋变金山银山? 2019-05-31
  • 税费“红包”助推高质量发展 2019-05-31
  • 围绕茶叶基础领域重大问题开展研究(创新故事) 2019-05-26
  • 宝贝是地名,你能想到这么浪漫的地名在哪儿吗? 2019-05-26
  • 郑州网站建设,郑州网站制作,郑州做网站,巩义网站建设,荥阳网站建设,偃师网站制作-全栈网络

    网站制作中如何使用js实现设置倒计时功能?

    网站制作中如何使用js实现设置倒计时功能?

    时间: 2019-01-20 分类: 网站代码 浏览次数:

    四川快乐12前三走势图 www.mas07.com 在网站制作中,商城类网站以及小程序制作中,经?;嵊龅绞褂玫辜剖泵肷钡囊恍┕δ?,已知了活动结束时间,进行小时分钟的倒计时,那么具体使用js代码如何写? 使用js来实现倒计...

    在网站制作中,商城类网站以及小程序制作中,经?;嵊龅绞褂玫辜剖泵肷钡囊恍┕δ?,已知了活动结束时间,进行小时分钟的倒计时,那么具体使用js代码如何写?
     
    网站制作中如何使用js实现设置倒计时功能?
    使用js来实现倒计时功能的步骤,具体代码可以参考以下:
    1.获取当前时间戳
    2.获取活动结束时间戳
    3.根据时间差来使用不同的换算标准进行合理取余即可


      /**
       * 生命周期函数--监听页面加载
       */
      onLoad: function (options) {
        var that = this;
        that.countTime()
      },
      countTime() {
        var that = this;
        var date = new Date();
        var now = date.getTime();//现在的时间戳
        var endDate = new Date(that.data.endDate2);//活动结束时间戳
        var end = endDate.getTime();
        var leftTime = end - now; //两者时间差                             
        var d, h, m, s, ms;
        if (leftTime >= 0) {
          d = Math.floor(leftTime / 1000 / 60 / 60 / 24);
          h = Math.floor(leftTime / 1000 / 60 / 60 % 24);
          m = Math.floor(leftTime / 1000 / 60 % 60);
          s = Math.floor(leftTime / 1000 % 60);
          ms = Math.floor(leftTime % 1000);
          ms = ms < 100 ? "0" + ms : ms
          s = s < 10 ? "0" + s : s
          m = m < 10 ? "0" + m : m
          h = h < 10 ? "0" + h : h
          that.setData({
            countdown: d + ":" + h + ":" + m + ":" + s + ":" + ms,
          })
         //每秒调用一次countTime方法,实现动态时间变化
        setTimeout(that.countTime, 1000);
        } else {
          console.log('活动已经结束')
          that.setData({
            countdown:'00:00:00'
          })
        }
      }


    以上就是关于在网站制作中遇到的如何使用js代码来实现倒计时功能的方法,大家可以参考以下

    本文关键词: 倒计时功能 未经允许不得转载:郑州网站建设|郑州网站制作|荥阳网站建设|巩义网站建设|网站优化-全栈网络



    郑州网站建设|郑州网站制作|郑州做网站|巩义网站制作|荥阳做网站|偃师网站制作-全栈网络
  • 回复@海之宁:不给你分配生产资料你咋尽所能? 2019-06-18
  • 霍金说,广义相对论的爱因斯坦方程“将和宇宙同在”。而“真理论者”在人民网上公开辱骂爱因斯坦是“极度残脑”,乃狂犬吠日。 2019-06-18
  • 习近平:在深入推动长江经济带发展座谈会上的讲话 2019-06-15
  • 平话文化旅游节又来了!乐游扬美古镇嗨购江南万达 2019-06-15
  • 【老蚕】,可分为;【轻度老蚕,重度老蚕,全面脑瘫】三个等级。试想;你是属于哪个级别。。。?[福尔摩斯] 2019-06-04
  • 【人事】中共临汾市委组织部公示3名拟任职干部 2019-06-04
  • 西部网(陕西新闻网)www.cnwest.com 2019-06-02
  • 交通部发布端午假期出行指南 教你如何避堵 2019-06-02
  • 共产主义劳动不再是谋生手段就是劳动不再是看着就想笑鼓吹私有制下的责权利所谓平滑对接下的为生存而做资本的雇佣劳动奴隶劳动,而是在共产主义公有制里劳动由于一辈子做 2019-06-02
  • 李克强:今年再减少农村贫困人口1000万以上 2019-06-01
  • 台湾如何管理“路边摊” 2019-06-01
  • 看河北绿水青山咋变金山银山? 2019-05-31
  • 税费“红包”助推高质量发展 2019-05-31
  • 围绕茶叶基础领域重大问题开展研究(创新故事) 2019-05-26
  • 宝贝是地名,你能想到这么浪漫的地名在哪儿吗? 2019-05-26