美文网首页uni-app
uni-app之定时器

uni-app之定时器

作者: Cute_小肥鸡 | 来源:发表于2020-12-08 19:07 被阅读0次

setInterval()

<template>
</template>

<script>
    export default {
        data() {
            return {
                ExamTimeText: '' //考试时间
            }
        },
        onLoad(e) {
            /////////////定时器
            var my_self = this;
            var hour, minute, second; //时 分 秒
            hour = minute = second = 0; //初始化
            var millisecond = 0; //毫秒
            this.timer = setInterval(() => {
                millisecond = millisecond + 50;
                if (millisecond >= 1000) {
                    millisecond = 0;
                    second = second + 1;
                }
                if (second >= 60) {
                    second = 0;
                    minute = minute + 1;
                }
                if (minute >= 60) {
                    minute = 0;
                    hour = hour + 1;
                }

                //时
                if (hour < 10) {
                    var hour_1 = '0' + hour;
                } else {
                    var hour_1 = hour;
                }
                //分
                if (minute < 10) {
                    var minute_1 = '0' + minute;
                } else {
                    var minute_1 = minute;
                }
                //秒
                if (second < 10) {
                    var second_1 = '0' + second;
                } else {
                    var second_1 = second;
                }
                //将时分秒组成文本
                my_self.ExamTimeText = hour_1 + '时' + minute_1 + '分' + second_1 + '秒';
            }, 50);
        },
        methods: {
        
        }
    }
</script>

<style>
</style>

效果图

相关文章

  • uni-app 中清除定时器

    1. JS之延时器和定时器 2. uni-app 中清除定时器 注意:无论是获取短信码,还是在活动页轮询获取当前活...

  • uni-app之定时器

    setInterval()

  • 2019-03-20

    9 多端开发之uni-app起步 1.在HBuilderX中新建uni-app 2.项目初始目录结构 4.配置pa...

  • 80-Swift之CADisplayLink的解说

    引言 在App的开发中定时器是常用的组件。我们在55 - Swift 之 Timer (NSTimer )定时器已...

  • Uni-App学习路线

    Uni-App学习路线 学习Uni-app用到的技术 Uni-app官网[https://uniapp.dclou...

  • uni-app 介绍

    uni-app 介绍 1、什么是uni-app? uni-app是一个使用 Vue.js 开发所有前端应用的框架,...

  • uni-app学习:CSS之flex布局居中

    uni-app学习:CSS之flex布局居中 1、上下居中(垂直居中) style="height:40px; b...

  • uni-app入门详解

    1 uni-app学习 1.1 什么是uni-app uni-app是一个使用Vue.js语法来开发所有前端应用的...

  • 2017.12.21学习总结

    下午学习了定时器,定时器分为高级定时器、通用定时器和基本定时器,我们主要研究通用定时器。 定时器中断实现步骤:...

  • uni-app之scroll的triggered作用

    关于 uni-app之scroll 的 下拉刷新 和 上拉加载,理解其中triggered的作用。 参考链接: h...

网友评论

    本文标题:uni-app之定时器

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