动态显示时间-微信小程序俱乐部 www.wxappclub.com

原创声明:本文为作者原创，未经允许不得转载，经授权转载需注明作者和出处

场景需求：

如小程序打卡，
如倒计时秒杀等

页面js如下：

 data:{
    nowTime : ''   
  },

  onShow:function(){
    // 页面显示

    var commonFunction = require('../../pages/index/common'),
        that = this;

    var interval = setInterval(function(){
        that.setData({
          nowTime : commonFunction.formatTime(new Date())
        })
    },1000);
  }

common.js如下：

var formatNumber = function(n){
    return (''+n)[1] ? n : '0' + n;
};
var formatTime = function(t){
    const year = t.getFullYear();
    return t.getFullYear() + '年' + formatNumber(t.getMonth() + 1) + '月' + formatNumber(t.getDate())  + '日 ' + formatNumber(t.getHours()) + ':' +formatNumber(t.getMinutes()) + ':' + formatNumber(t.getSeconds());
};

/*
* 暴露接口给外部
*/
module.exports = {formatTime};

页面元素.wxml

<text class="gray fl">{{nowTime}}</text>