小程序实时时间显示实现

1. 在util.js 实现方法。

//转换成年日
function formatTime(time) {
    if (typeof time !== 'number' || time < 0) {
        return time
    }
    var hour = parseInt(time / 3600)
    time = time % 3600
    var minute = parseInt(time / 60)
    time = time % 60
    var second = time

    return ([hour, minute, second]).map(function(n) {
        n = n.toString()
        return n[1] ? n : '0' + n
    }).join(':')
}

2. 在util.js 导出。

module.exports = {
    formatTime
}

3. 在A.vue页面引用。

import {formateDate} from "@/common/util.js"

4. 在A.vue页面调用。

1. data中

data(){
time:formateDate(new Date(),'h:min:s'),
}

2.onload中来个定时器，不断地触发

getTime(){
	var that = this;
	setInterval(function(){
		that.time = formateDate(new Date(),'h:min:s')
			},1000)
		},