小程序获取系统时间生成当前时钟--小程序走过的坑(11)(最新版)

小程序自己中封装了一个util.js来获取系统时间

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
}

只需要引用util.js就可以获取时间

 var util = require('../../utils/util.js');
 var time = util.formatTime(new Date());

将此方法封装成一个函数就可以变成一个时钟了

var util = require('../../utils/util.js');
  
  time: function () {
    var that = this;

    that.countDown();
    that.data.timer = setInterval(that.countDown, 1000);
  },


  countDown: function() {
    var that = this;
    var time = util.formatTime(new Date());
    // 再通过setData更改Page()里面的data,动态更新页面的数据  
    that.setData({
      time: time
    });
  },

demo

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值