当新建了一个小程序项目的时候,就会自带一个utils文件夹,里面的一个util.js,点击util.js看里面是一个格式化时间的js。
现在看看怎么引用这个js模块。
新建一个mypage的Page页面。分别有mypage.js;mypage.json;mypage.wxml;mypage.wxss的文件。
点击mypage.js文件,在Page({...的上面
const myTime = require('../../utils/util.js') 这样就引入了模块。
在page里面页面初始数据data定义一个变量;
data: { nowTime: '', }, 在onLoad函数里面;
onLoad: function (options) { let t = new Date() this.setData({ nowTime: myTime.formatTime(t), })}, 保存,编译,没有显示时间。
点击mypage.wxml文件,绑定变量;
view class="timestyle"{{nowTime}}/view 保存,这时就显示了时间。

如果要直接引用模块里的方法,点开util.js文件
将原来的暴露接口注释了,改成下面这个,
// module.exports = {// formatTime: formatTime// }module.exports = formatTime 保存,这时会报错。
打开mypage.js文件,将onLoad里面的myTime.formatTime(t),改成myTime(t)。保存可以了。
你的其他js模块也类似上面的说的方法引用了。
现在时间是不动的,如果要时间变化。
页面初始数据新加一个变量realTime: ''
写一个方法定时器,通过setTimeout()。
mytimer: function () { let t = new Date() this.setData({ realTime: myTime.formatTime(t), }) setTimeout(this.mytimer, 100) }, 在mypage.wxml里面加一行
view class="timestyle"{{realTime}}/view 保存,这时还未有看到有数据,还要在onLoad里加入this.mytimer()。保存这时就可以了。














