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


<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>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容