wepy 카운트다운 코드 구현
1971 단어 위챗 애플릿
{{couent}}
import wepy from 'wepy';
export default class Daojishi extends wepy.component {
props = {
djstime: {
type: Number,
default: 'null',
twoWay: true
}
};
data = {
couent: ''
};
countdown(num){
let that = this;
that.couent = that.dateformat(num)
that.$apply()
console.log(that.dateformat(num))
if (num <= 0) {
that.couent = ' '
return
}
setTimeout(function() {
let newnum = num-1
that.countdown(newnum)
}, 1000)
}
dateformat(microSecond) {
var second = Math.floor(microSecond)
var hr = this.fillZeroPrefix(Math.floor(second / 3600))
var min = this.fillZeroPrefix(Math.floor((second - hr * 3600) / 60))
var sec = this.fillZeroPrefix((second - hr * 3600 - min * 60))// equal to => var sec = second % 60;
return hr + ':' + min + ':' + sec
}
fillZeroPrefix(num) {
return num < 10 ? '0' + num : num
}
onLoad() {
var num = this.$data.djstime
console.log(num)
var that = this;
this.countdown(num)
};
onHide(){
}
onShow() { };
}
구성 요소 참조:
import wepy from 'wepy'
import djs from '../../components/daojishi'
export default class Time extends wepy.page {
config = {
navigationBarTitleText: ' '
}
components = {
Djs: djs,
}
onLoad() {}
data = {
clock1: 3600,
}
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
유니앱, 위챗 애플릿에서 MQTT 사용 문제(1)MQTT.js는 JavaScript로 작성된 MQTT 프로토콜의 클라이언트 라이브러리로 Node에 사용할 수 있습니다.js와 브라우저.노드에서.js단은 전역 설치를 통해 명령행 연결을 사용할 수 있으며 MQTT...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.