{{nums}}
美文网首页
uni-app制作一个计时器(setInterval方法)

uni-app制作一个计时器(setInterval方法)

作者: Magic_小灰灰 | 来源:发表于2019-07-25 23:28 被阅读0次


<template>
<view class="content">
<view>{{nums}}</view>
</view>
</template>

<script>
export default{
data(){
return{
nums:'',
}
},
onLoad(){
var hour, minute, second; /时 分 秒/
hour = minute = second = 0; //初始化
var millisecond = 0; //毫秒
this.timer = setInterval(() => {
millisecond = millisecond + 50;
// console.log("---millisecond----"+millisecond);
if (millisecond >= 1000) {
millisecond = 0;
second = second + 1;
}
if (second >= 60) {
second = 0;
minute = minute + 1;
}

            if (minute >= 60) {
                minute = 0;
                hour = hour + 1;
            }
            // console.log("-------"+hour+'时'+minute+'分'+second+'秒');
            this.nums = hour+'时'+minute+'分'+second+'秒';
        }, 50);

}
}
</script>

<style>...</style>