JavaScript使用setTimeout实现延迟弹出警告框的方法


Posted in Javascript onApril 07, 2015

本文实例讲述了JavaScript使用setTimeout实现延迟弹出警告框的方法。分享给大家供大家参考。具体如下:

下面的代码执行后点击按钮会延迟3秒钟弹出一个警告框,主要演示了setTimeout的使用方法

<!DOCTYPE html>
<html>
<body>
<p>
Click the button to wait 3 seconds, then alert "Hello".
</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
setTimeout(function(){alert("Hello")},3000);
}
</script>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
Javascript 继承机制实例
Aug 12 Javascript
非常棒的10款jQuery 幻灯片插件
Jun 14 Javascript
jquery仿京东导航/仿淘宝商城左侧分类导航下拉菜单效果
Apr 24 Javascript
JS实现时间格式化的方式汇总
Oct 16 Javascript
jquery如何判断某元素是否具备指定的样式
Nov 05 Javascript
jquery1.9 下检测浏览器类型和版本的方法
Dec 26 Javascript
js实现飞入星星特效代码
Oct 17 Javascript
jQuery实现点击后高亮背景固定显示的菜单效果【附demo源码下载】
Sep 21 Javascript
概述javascript在Google IE中的调试技巧
Nov 24 Javascript
javascript自执行函数
Feb 10 Javascript
jquery html添加元素/删除元素操作实例详解
May 20 jQuery
vue-preview动态获取图片宽高并增加旋转功能的实现
Jul 29 Javascript
JavaScript使用indexOf获得子字符串在字符串中位置的方法
Apr 06 #Javascript
JavaScript搜索字符串并将搜索结果返回到字符串的方法
Apr 06 #Javascript
JavaScript使用replace函数替换字符串的方法
Apr 06 #Javascript
JavaScript输出当前时间Unix时间戳的方法
Apr 06 #Javascript
JavaScript将当前时间转换成UTC标准时间的方法
Apr 06 #Javascript
JavaScript获取当前日期是星期几的方法
Apr 06 #Javascript
JavaScript使用concat连接数组的方法
Apr 06 #Javascript
You might like
PHP 线程安全与非线程安全版本的区别深入解析
2013/08/06 PHP
刷新PHP缓冲区为你的站点加速
2015/10/10 PHP
JQuery团队打造的javascript单元测试工具QUnit介绍
2010/02/26 Javascript
jQuery隔行变色与普通JS写法的对比
2013/04/21 Javascript
浅析jQuery(function(){})与(function(){})(jQuery)之间的区别
2014/01/09 Javascript
利用jquery动画特效和css打造的侧边弹出垂直导航
2014/04/04 Javascript
JS实现简易图片轮播效果的方法
2015/03/25 Javascript
bootstrap datepicker 与bootstrapValidator同时使用时选择日期后无法正常触发校验的解决思路
2016/09/28 Javascript
vue Render中slots的使用的实例代码
2017/07/19 Javascript
vue-cli 引入、配置axios的方法
2018/05/08 Javascript
vue router 跳转后回到顶部的实例
2018/08/31 Javascript
VUE 实现滚动监听 导航栏置顶的方法
2018/09/11 Javascript
判断iOS、Android以及PC端的示例代码
2018/11/15 Javascript
微信小程序webview实现长按点击识别二维码功能示例
2019/01/24 Javascript
详解微信小程序之一键复制到剪切板
2019/04/24 Javascript
layer.open 子页面弹出层向父页面传输数据的例子
2019/09/26 Javascript
记一次用ts+vuecli4重构项目的实现
2020/05/21 Javascript
vue 通过 Prop 向子组件传递数据的实现方法
2020/10/30 Javascript
Python中变量交换的例子
2014/08/25 Python
python 计算两个日期相差多少个月实例代码
2017/05/24 Python
Python实现的计算器功能示例
2018/04/26 Python
python中正则表达式与模式匹配
2019/05/07 Python
Python Selenium截图功能实现代码
2020/04/26 Python
Django使用Profile扩展User模块方式
2020/05/14 Python
Melissa香港官网:MDreams
2016/07/01 全球购物
科颜氏美国官网:Kiehl’s美国
2017/01/31 全球购物
武汉瑞得软件笔试题
2015/10/27 面试题
本科生求职简历的自我评价
2013/10/21 职场文书
竟聘演讲稿范文
2013/12/31 职场文书
网络信息管理员岗位职责
2014/01/05 职场文书
大学生暑期实践感言
2014/02/26 职场文书
校长寄语大全
2014/04/09 职场文书
幼儿园大班区域活动总结
2014/07/09 职场文书
感谢信怎么写
2015/01/21 职场文书
升学宴家长致辞
2015/07/27 职场文书
nginx之内存池的实现
2022/06/28 Servers