JavaScript|JavaScript setTimeout()基本用法有哪些
在制作网页动态效果时,可能会遇到需要延时在执行的需求,这时就可以用到 js 中定时器来实现此类需求,本文将对setTimeout()做一个用法总结。
- setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式(以毫秒为单位)
- setTimeout()只执行函数一次,如果需要多次调用可以使用setInterval(),或者在函数体内再次调用setTimeout()
举个简单的例子
加入下列代码,在打开的页面静候三秒后,弹出警告框“你好”
效果:
再复杂一些的function定义
【JavaScript|JavaScript setTimeout()基本用法有哪些】
用上述的方法设定时间, setTimeout( ) 虽然设定了是一秒, 但浏览器还有另外两项功能要执行, 所以一个循环的时间是稍多于一秒, 例如一分钟可能只有58 个循环。
延时关闭网页
按下按钮,Window open()打开一个网页,执行命令,三秒钟后自动关闭
取消setTimeout()
当一个 setTimeout( ) 开始了循环的工作, 我们要使它停下来, 可使用 clearTimeout( )
小结
setTimeout(),clearTimeout() , setInterval() 可以在写代码过程中灵活运用其特点达到需要完成的目的
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
推荐阅读
- 做一件事情的基本原理是什么()
- 事件代理
- dubbo基本认识
- 数组常用方法一
- HTML基础--基本概念--跟着李南江学编程
- 7、前端--jQuery简介、基本选择器、基本筛选器、属性选择器、表单选择器、筛选器方法、节点操作、绑定事件
- 一般模型化关系——从模型是什么到如何起作用的基本答案
- canvas(一)基本用法
- 带你了解类型系统以及flow和typescript的基本使用
- MySQL数据库的基本操作