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

    相关文章

      网友评论

          本文标题:uni-app制作一个计时器(setInterval方法)

          本文链接:https://www.haomeiwen.com/subject/ggklrctx.html