博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
setTimeout与setInterval的区别浅析
阅读量:6674 次
发布时间:2019-06-25

本文共 864 字,大约阅读时间需要 2 分钟。

动态效果时,一定会遇到某些需求,要求某段程序等待多时时间后再开始执行,就像在我们的生活中一样,待会儿再开始做一件事。在中主要通过定时器实现此类需求,本文将对定时器做一个概括,正对setTimeout()做一个详细用法总结。

setTimeout()定义和用法

首先让我们看一看W3C上关于setTimeout方法的介绍

定义

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

语法

setTimeout(code,millisec)

参数:

code:必需。要调用的函数后要执行的 串。

millisec:   必需。在执行代码前需等待的毫秒数。

提示

setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。

代码

?
1
2
3
4
5
6
7
function
hello(){
alert(
"hello"
);
}
//使用方法名字执行方法
var
t1 = window.setTimeout(hello,1000);
var
t2 = window.setTimeout(
"hello()"
,3000);
//使用字符串执行方法
window.clearTimeout(t1);
//清除定时器

setInterval()定义和用法

代码

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

业务场景

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

转载于:https://www.cnblogs.com/good10000/p/10619152.html

你可能感兴趣的文章
开源龙芯loongson智龙主板V2.0程序putty登录、交叉编译、Series连接、telnet连接使用...
查看>>
Exchange 2013 SP1 安装准备工作
查看>>
冒泡排序
查看>>
如何使用ThreadingTest提高软件安全性检测效率(上)
查看>>
电脑经验--IPTV设置
查看>>
MySQL数据库--主主复制+keepalived高可用
查看>>
Linux CentOS 7 Shell基础(命令历史,管道,作业控制,变量及环境变量)
查看>>
linux学习笔记(一)
查看>>
IOS 自定义圆形进度条UISlider
查看>>
【Spring Boot】13.整合druid
查看>>
Java并发和并行的区别
查看>>
extjs down 的用法
查看>>
IDEA快捷键介绍使用
查看>>
layabox基础:hello world
查看>>
ClassUtil
查看>>
Elastic-Job定时任务
查看>>
真实分享记录我学习Linux系统遇到的问题
查看>>
Linux下查找占用内存最多的进程
查看>>
mongodb 配置文件
查看>>
查看 docker 容器使用的资源
查看>>