Vue毫秒计时器（开始计时）

话不多说，直接上代码即可

<template><view class="content"><button @click="start">开始</button><view class="">{{time_filter?time_filter:''}}</view></view>
</template><script>export default {data() {return {time_num: 0}},onLoad(option) {},computed: {// 定时器拆分time_filter() {// var time_num = this.time_num * 50;var time_num = this.time_num * 50let hour = Math.floor(time_num / 1000 / 60 / 60) < 10 ? '0' + Math.floor(time_num / 1000 / 60 / 60) : Math.floor(time_num / 1000 / 60 / 60)let minute = Math.floor(time_num / 1000 / 60 % 60) < 10 ? '0' + Math.floor(time_num / 1000 / 60 % 60) :Math.floor(time_num / 1000 / 60 % 60);let second = Math.floor(time_num / 1000 % 60) < 10 ? '0' + Math.floor(time_num / 1000 % 60) : Math.floor(time_num / 1000 % 60);let m_second = (time_num % 1000).toString().slice(0, 2)let str = (hour == '00' ? '' : hour + 'h' + " ") + (minute == '00' ? '' : minute + 'min' + " ") + second +"." +m_second + 's'console.log(str);return str}},methods: {// 定时器start() {this.timer = setInterval(_ => {this.time_num += 1}, 50)},}}
</script><style>.content {display: flex;flex-direction: column;align-items: center;justify-content: center;}</style>

效果图以50毫秒累加

Vue毫秒计时器（开始计时）相关推荐

matlab 获取文件毫秒时间,matlab - Matlab中的高精度毫秒计时器 - SO中文参考 - www.soinside.com...
我正在尝试在Matlab中实现一个高精度的毫秒级时间计时器.每隔T秒,我要查询一个链接到matlab的相机,如果内存中有图像,我想将其拉出.到相机的实际连接很简单-但是会出现问题,因为每隔60毫秒就会 ...
【Android】Chronometer计时器实现计时、停止、暂停、重置功能
[Android]Button+Chronometer计时器实现计时.停止.暂停.重置功能! 一.简介 Chronometer的用法很简单,它支持如下用法: getBase():返回时间. setBa ...
秒表计时器开始计时代码_如何在Windows 10中设置计时器，警报和秒表
秒表计时器开始计时代码 For whatever reason, Windows did not include alarms, timers, and stopwatches until Windo ...
javascript毫秒计时器_JavaScript 计时器函数用法
Javascript中和大多数语言一样,存在计时函数,使某语句或函数不用立即执行,可以延时设定的时间值之后再执行. setTimeout() 这个函数表示括号中的代码,延时指定时间后再执行,格式为 s ...
javascript毫秒计时器_js/javascript计时器方法及使用场景
开博以备忘 JavaScript实现计时事件很容易,两个关键方法 setTimeout("JavaScript语句",毫秒) 未来的某时执行代码clearTimeout() ...
51单片机倒计时计时器（计时结束闹钟）
基于51单片机的倒计时定时器要求:设计一个能够完成计时系统的系统,并且满足以下基本要求: ◉数码管上显示计时的时间. ◉可以通过按键实现1小时内初始时间的设定(以秒为分度),并且完成计时. ◉可随时 ...
Minecraft 命令方块：迷宫计时器(压力板计时系统)
迷宫计时器假设我们有一个迷宫,我们现在需要进入迷宫时开始计时,走出迷宫时计时结束,现在我们开始设计这个逻辑. 这是我们的大致设计布局: 注:我们选用的是橡木压力板(minecraft:oak_pre ...
android 毫秒计时器,Android时分秒计时器的两种实现方法
可能我们在开发中会时常用到计时器这玩意儿,比如在录像的时候,我们可能需要在右上角显示一个计时器.这个东西其实实现起来非常简单. 只需要用一个控件Chronometer,是的,就这么简单,我都不好意思讲 ...
Vue 毫秒（秒）数值与日期转换
1.将当前日期转换为毫秒或秒 // 转换为毫秒 info.create_time = Date.parse(new Date());// 转换为秒 info.create_time = (Date.p ...
javascript毫秒计时器_JavaScript分秒倒计时器实现方法
本文实例讲述了JavaScript分秒倒计时器实现方法.分享给大家供大家参考.具体分析如下: 一.基本目标在JavaScript设计一个分秒倒计时器,一旦时间完成使按钮变成不可点击状态具体效果如下 ...

Vue毫秒计时器（开始计时）

Vue毫秒计时器（开始计时）相关推荐

最新文章

热门文章