微信小程序倒计时

微信小程序倒计时

• • 标题预览效果

//wxml中内容
<view>剩余:{{countHour}}:{{countMinute}}:{{countSecond}}</view>//js中内容
Page({data: {countDay: null,countHour: null,countMinute: null,countSecond: null,},//页面加载时执行onReady: function () {this.setData({countDay: '00',countHour: '24',countMinute: '00',countSecond: '00',});// 设置开始时间，1天=86400秒var totalSecond = 86400000 - 1; // 设置定时器var timeInterval = setInterval(function () {// 天var day = Math.floor(totalSecond / 3600 / 24);if (day < 10) day = '0' + day;// 时var hour = Math.floor((totalSecond - day * 3600 * 24) / 3600);if (hour < 10) hour = '0' + hour;// 分var minute = Math.floor((totalSecond - day * 3600 *24 - hour * 3600) / 60);if (minute < 10) minute = '0' + minute;// 秒var second = totalSecond - day * 3600 * 24 - hour * 3600 - minute*60;if (second < 10) second = '0' + second;this.setData({countDay: day,countHour: hour,countMinute: minute,countSecond: second,});totalSecond--;if (totalSecond < 0) {clearInterval(timeInterval);wx.showToast({title: '倒计时结束',});this.setData({countDay: '00',countHour: '00',countMinute: '00',countSecond: '00',});}}.bind(this), 1000);},
})

标题预览效果

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！