使用vue实现计时器功能使用vue实现计时器功能

本文实例为大家分享了vue实现计时器功能的具体代码，供大家参考，具体内容如下
首先我们要知道setTimeout和setInterval的区别
setTimeout只在指定时间后执行一次，代码如下：

setInterval以指定时间为周期循环执行，代码如下：

//实时刷新时间单位为毫秒setInterval('refreshQuery()',8000); /* 刷新查询 */function refreshQuery(){$("#mainTable").datagrid('reload',null); }

一般情况下setTimeout用于延迟执行某方法或功能，
setInterval则一般用于刷新表单，对于一些表单的实时指定时间刷新同步

计时器
HTML代码

{{one}}:
{{two}}:
{{three}}
开始暂停

JAVASCRIPT代码

效果如下：

文章图片

【使用vue实现计时器功能】以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

使用vue实现计时器功能