微信小程序之商城倒计时

最新推荐文章于 2020-06-24 15:47:35 发布

刺鸟_前端

最新推荐文章于 2020-06-24 15:47:35 发布

阅读量1.4k

点赞数 1

CC 4.0 BY-SA版权

文章标签：微信小程序商城倒计时微信小程序倒计时

本文链接：https://blog.youkuaiyun.com/Hug_rj/article/details/81944541

index.html === >

<view class="countDownTimeView pull-left countDownAllView text-left">

     <text>倒计时：</text>

     <text class="voteText countDownTimeText">{
  
  {countDownHour}}</text> :

     <text class="voteText countDownTimeText">{
  
  {countDownMinute}}</text> :

     <text class="voteText countDownTimeText">{
  
  {countDownSecond}}</text>

</view>

util.js === >

const formatTime = date => {

     const year = date.getFullYear()
     const month = date.getMonth() + 1
     const day = date.getDate()
     const hour = date.getHours()
     const minute = date.getMinutes()
     const second = date.getSeconds()

     return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')

}


const formatNumber = n => {
     n = n.toString()
     return n[1] ? n : '0' + n
}


module.exports = {
     formatTime: formatTime
}

index.js === >

var util = require('../../utils/util.js');       //调用微信小程序中时间格式化的js

Page: ({

        data: {

                 countDownHour: 0, //倒计时 -时
                 countDownMinute: 0,  //倒计时 -分
                 countDownSecond: 0,  //倒计时-秒