• 计划经济不是产生于利益交换之上的计划经济。说白了,计划经济就是为人民服务的计划经济。要养活14亿,甚至24亿中国人的经济。 2019-08-16
  • 《陕西省县域经济社会发展监测考评办法》解读 2019-08-15
  • 人民日报召开习近平新闻思想理论研讨会 2019-08-15
  • 境外媒体:中国商务部严批美方“反复无常,挑起贸易战” 2019-08-08
  • 摇滚 徒步 露营:端午节共赴一场朝山盛会 有你吗? 2019-08-06
  • 让办证群众跑十几趟 宁都这黄所长“黄”了 2019-08-06
  • 乌鲁木齐举办端午戏曲交响音乐会 两团一院名角新秀齐亮相 2019-07-31
  • 平陆县纪委监委 对新遴选人员进行岗前“充电” 2019-07-31
  • 临汾市通报8起群众身边腐败问题典型案例 2019-07-29
  • 做强茶企 告别“大而不强” 2019-07-28
  • BBC记者挑战中国天网行人识别系统 潜逃7分钟后被抓获 2019-07-28
  • 首届化工行业舆论风险管理高峰论坛 2019-07-28
  • 回复@老老保老张工:那只能证明你的智商不达标!对于计划经济的构想,咱敢说强坛没有一个人比咱考虑得更周全!伪高工排在一个筋斗云之外! 2019-07-17
  • 燕赵晚报:“选座社交”别把个人信息当卖点 2019-07-17
  • 【访民情 惠民生 聚民心】多措并举拓宽村民脱贫路 2019-07-16
  • 郑州网站建设,郑州网站制作,郑州做网站,巩义网站建设,荥阳网站建设,偃师网站制作-全栈网络

    网站制作中如何使用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代码来实现倒计时功能的方法,大家可以参考以下

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



    郑州网站建设|郑州网站制作|郑州做网站|巩义网站制作|荥阳做网站|偃师网站制作-全栈网络
  • 计划经济不是产生于利益交换之上的计划经济。说白了,计划经济就是为人民服务的计划经济。要养活14亿,甚至24亿中国人的经济。 2019-08-16
  • 《陕西省县域经济社会发展监测考评办法》解读 2019-08-15
  • 人民日报召开习近平新闻思想理论研讨会 2019-08-15
  • 境外媒体:中国商务部严批美方“反复无常,挑起贸易战” 2019-08-08
  • 摇滚 徒步 露营:端午节共赴一场朝山盛会 有你吗? 2019-08-06
  • 让办证群众跑十几趟 宁都这黄所长“黄”了 2019-08-06
  • 乌鲁木齐举办端午戏曲交响音乐会 两团一院名角新秀齐亮相 2019-07-31
  • 平陆县纪委监委 对新遴选人员进行岗前“充电” 2019-07-31
  • 临汾市通报8起群众身边腐败问题典型案例 2019-07-29
  • 做强茶企 告别“大而不强” 2019-07-28
  • BBC记者挑战中国天网行人识别系统 潜逃7分钟后被抓获 2019-07-28
  • 首届化工行业舆论风险管理高峰论坛 2019-07-28
  • 回复@老老保老张工:那只能证明你的智商不达标!对于计划经济的构想,咱敢说强坛没有一个人比咱考虑得更周全!伪高工排在一个筋斗云之外! 2019-07-17
  • 燕赵晚报:“选座社交”别把个人信息当卖点 2019-07-17
  • 【访民情 惠民生 聚民心】多措并举拓宽村民脱贫路 2019-07-16
  • 竟彩足球结果 河北20选5基本走势带坐标 混合过关6场2关 爱彩乐新疆11选5走势图 百变王牌开奖走势图 6场半全场胜负彩 今晚平特精版图 天津十一选五历史号码 香港马会公式规律出肖 dx彩票走势图 广西快三官网 重庆快乐10分是官方开奖的吗 彩民之家网 围棋入门 福彩3d走势图 带连线专业版