setTimeout()方法用法介绍-程序员宅基地

技术标签： java  servlet  javascript  

setTimeout()方法用法介绍

setTimeout

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

语法

  • setTimeout(code,millisec)

setTimeout()用法

  • setTimeout 方法接收两个参数，第一个参数为回调函数函数或字符串，第二个参数为触发时间(单位：毫秒)

  • 参数 描述
    code 必需。要调用的函数后要执行的 JavaScript 代码串。
    millisec 可选。执行或调用 code/function 需要等待的时间，以毫秒计。默认为 0。
    param1, param2, ... 可选。 传给执行函数的其他参数（IE9 及其更早版本不支持该参数）

setTimeout()实例演示

  • <!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>等待3秒演示</title>
</head>
<body>
<h1> <font color=blue>等待3秒钟示演示</font> </h1>
<script>
    setTimeout("alert('对不起, 三秒钟已到')", 3000 )
</script>
</body>
</html>

  • 打开上面代码网页，三秒后就会出现一个 alert 对话盒，提示“对不起, 三秒钟已到”。

setInterval()定义和用法

  • setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

  • setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

语法

  • setInterval(code,millisec[,"lang"])
  • 参数 描述
    code 必需。要调用的函数或要执行的代码串。
    millisec 必须。周期性执行或调用 code 之间的时间间隔，以毫秒计。

  • 代码演示：

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

尽量不要用setInterval()

  • setInterval()无视代码错误

  • setInterval有个讨厌的习惯，即对自己调用的代码是否报错这件事漠不关心。换句话说，如果setInterval执行的代码由于某种原因出了错，它还会持续不断(不管不顾)地调用该代码。

  • setInterval无视网络延迟

  • 假设你每隔一段时间就通过Ajax轮询一次服务器，看看有没有新数据(注意：如果你真的这么做了，那恐怕你做错了;建议使用“补偿性轮询”(backoff polling))。而由于某些原因(服务器过载、临时断网、流量剧增、用户带宽受限，等等)，你的请求要花的时间远比你想象的要长。但setInterval不在乎。它仍然会按定时持续不断地触发请求，最终你的客户端网络队列会塞满Ajax调用。

  • setInterval不保证执行

  • 与setTimeout不同，你并不能保证到了时间间隔，代码就准能执行。如果你调用的函数需要花很长时间才能完成，那某些调用会被直接忽略。

settimeout和setinterval区别

  • setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,而setInterval()则可以在每隔指定的毫秒数循环调用函数或表达式，直到clearInterval把它清除。

  • 也就是说setTimeout()只执行一次，setInterval()可以执行多次。

  • 两个函数的参数也相同，第一个参数是要执行的code或句柄，第二个是延迟的毫秒数。

业务场景的区别

  • setTimeout用于延迟执行某方法或功能。

  • setInterval则一般用于刷新表单，对于一些表单的假实时指定时间刷新同步。
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Andrew_Chenwq/article/details/126796857

智能推荐

Python 入门的60个基础练习_练习python基础语法-程序员宅基地

文章浏览阅读4.2w次，点赞329次，收藏2.7k次。Python 入门的60个基础练习_练习python基础语法

iOS6和iOS7代码的适配(2)——status bar_ios7 statusbar-程序员宅基地

文章浏览阅读1w次。用Xcode5运行一下应用，第一个看到的就是status bar的变化。在iOS6中，status bar是系统在处理，应用_ios7 statusbar

gdb调试时No symbol "var" defined in current context && No Register_no registers调试显示-程序员宅基地

文章浏览阅读2.1k次。问题描述：，在gdb调试程序输出变量：p var，会提示No symbol "var" in current context.原因：程序编译时开启了优化选项，那么在用GDB调试被优化过的程序时，可能会发生某些变量不能访问，或是取值错误码的情况。这个是很正常的，因为优化程序会删改程序，整理程序的语句顺序，剔除一些无意义的变量等，所以在GDB调试这种程序时，运行时的指令和你所编写指_no registers调试显示

IDGeneratorUtil 主键id生成工具类_idgeneratorutils.generateid()-程序员宅基地

文章浏览阅读3.4k次。import java.util.Random;import org.drools.util.UUIDGenerator;/** * * * 类名称：GenerateIdUtil * 类描述： 主键生成工具类 * @author chenly * 创建时间：Jul 10, 2012 8:10:43 AM * 修改人： * 修改时间：Jul 10, 2012 8..._idgeneratorutils.generateid()

关于汇编 BX 和 BLX 跳转指令_汇编blx-程序员宅基地

文章浏览阅读5k次。BX：跳转到寄存器reg给出的目的地址处，如：BX R2BLX：跳转到寄存区reg给出的目的地址处并将返回地址存储到LR（R14）使用这两个指令时有一点特别需要注意：跳转的目的地址必须是奇数，若不是奇数则在后面加1，如某函数的起始地址是0x80000f00，则要跳转到此函数则应该跳转到0x80000f01处！否则会进入硬件错误中断！..._汇编blx

前端vue，打包整合进后端springboot的resources里面后，运行只要刷新就报404_前端项目放入resource-程序员宅基地

文章浏览阅读2.6k次，点赞2次，收藏4次。vue打包后，其实就剩index.html和一堆静态资源，页面的加载和替换都是通过刷新index.html种的dom来实现的（应该是这样，可能表述不是很好），所以做个重定向就可以了。（博主是这么解决的，网上还有很多人是各种路径错误，大家可以尝试下自己是哪个原因）import org.springframework.boot.web.server.ConfigurableWebServerFa..._前端项目放入resource

随便推点

添加远程github仓库时报错 Warning: Permanently added the RSA host key for IP address 52.74.223.119_cmd warning: permanently added-程序员宅基地

文章浏览阅读9.7k次。1.问题展示2.解决方案1.任意窗口, 打开git bash2.命令行界面, 输入cd C:3.cat ~/.ssh/id_rsa.pub正常下面应该显示一大串公钥如果没有,显示如下图, 则进行下一步, 创建公钥4.创建公钥, 输入 ssh-keygen5.然后一直下一步, 直到出现6.再次输入cat ~/.ssh/id_rsa.pub下面一大串数字便是公钥,复制这些字符串, 打开github, 点击头像, 打开settings, 打开SSH and GPG Keys_cmd warning: permanently added

SQL*Plus 使用技巧1-程序员宅基地

文章浏览阅读154次。[code="java"]1. SQL/Plus 常用命令 a. help [topic] 查看命令的使用方法，topic表示需要查看的命令名称。 如： help desc; b. host 该命令可以从SQL*Plus环境切换到操作系统环境，以便执行操作系统命名。 c. host [command] 在sql*plus环境中执行操作系统命令，如：host notepad.exe..._sql+plus的使用方法

域控服务器搭建与管理论文,校园网络服务器的配置与管理 毕业论文.doc-程序员宅基地

文章浏览阅读441次。该文档均来自互联网,如果侵犯了您的个人权益,请联系我们将立即删除!**学校毕 业 论 文**学校园网络服务器的配置与管理姓 名： **学 号： **指导老师：系 名：专 业： 计算机网络技术班 级：二0一一年十二月十五日摘 要随着网络技术的不断发展和Internet的日益普及，许多学校都建立了校园网络并投入使用，这无疑对加快信息处理，提高工作效..._服务器配置与应用论文

mysql单实例多库与多实例单库_数据库单实例和多实例-程序员宅基地

文章浏览阅读1k次。一、单实例多库：一个mysql实例，创建多个数据目录。规划：实例路径：/usr/local/mysql数据目录路径：（1）/usr/local/mysql/data（2）/usr/local/mysql/data2步骤：安装mysql。配置my.cnf文件。初始化各个数据库。用mysqld_multi启动。1、安装mysql。平常安装。2、m..._数据库单实例和多实例

MFC解决找不到MFC90.DLL的问题_microsoft v90.debugmfc-程序员宅基地

文章浏览阅读6.3k次。今天装了第三方的MFC软件库Xtreme ToolkitPro v15.0.1，听说搞MFC的人都知道它的强大，我刚学习，所以装了一个，然后想运行一下它自带的例子看看。出现一个“找不到mfc90.dll“的问题，百度一下，记录如下：vs2008已经打过sp1补丁，编译C++程序会提示找不到mfc90.dll文件的错误，但是如果是release版的话就能正常运行csdn看到解决方案，粘贴_microsoft v90.debugmfc

XeLaTeX－中文排版解决方案_latex 中文排版 texlive-程序员宅基地

文章浏览阅读2.1k次。以前使用CJK进行中文的排版，需要自己生成字体库，近日，出现了XeTeX，可以比较好的解决中文字体问题，不需要额外生成LaTeX字体库，直接使用计算机系统里的字体，本文以在Linux下为例说明XeTeX的使用。操作系统: UbuntuTeX：除了texlive包外，还需要安装的包是texlive-xetex。字体：可以使用fc-list查看你自己的字体库，注意字体的完整名称，在XeTe..._latex 中文排版 texlive

推荐文章

热门文章

相关标签