麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 課堂 > 小程序 > 正文

微信小程序中顯示倒計時代碼實例

2020-03-21 15:57:01
字體:
來源:轉載
供稿:網友

wxml文件中:

 <!--倒計時 -->  <view class="countDownTimeView countDownAllView" >   <view class="voteText countDownTimeText">{{countDownDay}}天</view>   <view class="voteText countDownTimeText">{{countDownHour}}時</view>   <view class="voteText countDownTimeText">{{countDownMinute}}分</view>   <view class="voteText countDownTimeText">{{countDownSecond}}秒</view>  </view>

js文件中:

Page( { data: {  windowHeight: 654,  maxtime: "",  isHiddenLoading: true,  isHiddenToast: true,  dataList: {},  countDownDay: 0,  countDownHour: 0,  countDownMinute: 0,  countDownSecond: 0, }, //事件處理函數 bindViewTap: function() {  wx.navigateTo( {   url: '../logs/logs'  }) }, onLoad: function() {  this.setData( {   windowHeight: wx.getStorageSync( 'windowHeight' )  }); },  // 頁面渲染完成后 調用 onReady: function () {  var totalSecond = 1505540080 - Date.parse(new Date())/1000;   var interval = setInterval(function () {   // 秒數   var second = totalSecond;    // 天數位   var day = Math.floor(second / 3600 / 24);   var dayStr = day.toString();   if (dayStr.length == 1) dayStr = '0' + dayStr;    // 小時位   var hr = Math.floor((second - day * 3600 * 24) / 3600);   var hrStr = hr.toString();   if (hrStr.length == 1) hrStr = '0' + hrStr;    // 分鐘位   var min = Math.floor((second - day * 3600 *24 - hr * 3600) / 60);   var minStr = min.toString();   if (minStr.length == 1) minStr = '0' + minStr;    // 秒位   var sec = second - day * 3600 * 24 - hr * 3600 - min*60;   var secStr = sec.toString();   if (secStr.length == 1) secStr = '0' + secStr;    this.setData({    countDownDay: dayStr,    countDownHour: hrStr,    countDownMinute: minStr,    countDownSecond: secStr,   });   totalSecond--;   if (totalSecond < 0) {    clearInterval(interval);    wx.showToast({     title: '活動已結束',    });    this.setData({     countDownDay: '00',     countDownHour: '00',     countDownMinute: '00',     countDownSecond: '00',    });   }  }.bind(this), 1000); },  //cell事件處理函數 bindCellViewTap: function (e) {  var id = e.currentTarget.dataset.id;  wx.navigateTo({   url: '../babyDetail/babyDetail?id=' + id  }); }})

效果圖:

微信小程序,倒計時,代碼

以上所述是小編給大家介紹的微信小程序中顯示倒計時詳解整合,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對VEVB武林網網站的支持!


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 一区二区三区国产在线 | 毛片网站视频 | 国产精品亚洲激情 | 看国产一级毛片 | 麻豆视频国产在线观看 | 欧美激情猛片xxxⅹ大3 | 国产亚洲精品久久久久久久久久 | 国产精品亚洲欧美 | 国产做爰全免费的视频黑人 | 亚洲va国产va | 亚洲视频综合网 | 成人午夜精品久久久久久久蜜臀 | 成品片a免人视频 | 一级网站片 | 欧美精品一级 | 国产成人免费高清激情视频 | 日韩黄网站 | 久久久久亚洲精品国产 | 法国性经典xxxhd | 黄片毛片一级 | 中文字幕天堂在线 | 亚洲一区二区三区高清 | 久久久aa| 五月天堂av91久久久 | 午夜视频久久 | 精品亚洲一区二区三区 | 毛片大全免费看 | 成片免费大全 | 亚洲人成在线播放网站 | 国产在线精品91 | 国产一区日韩精品 | 大学生a级毛片免费视频 | 美女露100%无遮挡 | 天天操综 | 爱唯侦察 国产合集 亚洲 | 日本在线一区二区 | 鲁丝片一区二区三区免费入口 | 久久精品小短片 | 欧美中文字幕一区二区 | 电影一级毛片 | 毛片在线免费观看网址 |