使用vue实现计时器功能

本文实例为大家分享了vue实现计时器功能的具体代码，供大家参考，具体内容如下

首先我们要知道setTimeout和setInterval的区别

setTimeout只在指定时间后执行一次，代码如下：

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

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

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

计时器

HTML代码

  

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

JAVASCRIPT代码

效果如下：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。