Javascript setInterval的两种调用方法(实例讲解)


Posted in Javascript onNovember 29, 2013

如下所示:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        #main{border:1px solid black; width:200px;margin:0px auto;padding:100px;}
    </style>
    <script type="text/javascript">
        window.onload = function () {
            //第一种调用方法,传递的是方法指针
            //setInterval(showMsg, 1000);
            //第二种调用方法
            var methodName = "showMsg()";    //注意这里使用了字符串,并且加了括号
            setInterval(methodName, 1000);   //加了双引号,表示里面是代码,会执行里面的代码类似于setInterval("alert('a')",1000),每隔1秒执行alert('a')
        }
        var seconds = 5;
        function showMsg() {
            if (seconds > 0) {
                seconds--;
                document.getElementById("msg").innerHTML = seconds + "秒钟后自动关闭!";
            }
            else {
                window.close();
            }
        }
    </script>
</head>
<body>
    <div id="main">
        这是广告窗体:
        <div id="msg">5秒钟后自动关闭!</div>
    </div>
</body>
</html>
Javascript 相关文章推荐
Jquery 学习笔记(一)
Oct 13 Javascript
可插入图片的TEXT文本框
Dec 27 Javascript
动态加载脚本提升javascript性能
Feb 24 Javascript
JavaScript中操作字符串小结
May 04 Javascript
jQuery实现购物车表单自动结算效果实例
Aug 10 Javascript
javascript定义类和类的实现实例详解
Dec 01 Javascript
对Js OOP编程 创建对象的一些全面理解
Jul 26 Javascript
js实现右键自定义菜单
Dec 03 Javascript
javascript中new Array()和var arr=[]用法区别
Dec 01 Javascript
vue2实现搜索结果中的搜索关键字高亮的代码
Aug 29 Javascript
ElementUI多个子组件表单的校验管理实现
Nov 07 Javascript
JavaScript 获取滚动条位置并将页面滑动到锚点
Feb 08 Javascript
Jquery中children与find之间的区别详细解析
Nov 29 #Javascript
JS关键字球状旋转效果的实例代码
Nov 29 #Javascript
JS Loading功能的简单实现
Nov 29 #Javascript
分享Javascript中最常用的55个经典小技巧
Nov 29 #Javascript
浅析JavaScript中的类型和对象
Nov 29 #Javascript
JavaScript中创建类/对象的几种方法总结
Nov 29 #Javascript
转换字符串为json对象的方法详解
Nov 29 #Javascript
You might like
php网站来路获取代码(针对搜索引擎)
2010/06/08 PHP
php 模拟 asp.net webFrom 按钮提交事件的思路及代码
2013/12/02 PHP
php中的钩子理解及应用实例分析
2019/08/30 PHP
BOOM vs RR BO5 第四场 2.14
2021/03/10 DOTA
Javascript 布尔型分析
2008/12/22 Javascript
jsTree树控件(基于jQuery, 超强悍)[推荐]
2009/09/01 Javascript
25个优雅的jQuery Tooltip插件推荐
2011/05/25 Javascript
jquery星级插件、支持页面中多次使用
2012/03/25 Javascript
JavaScript设计模式之工厂方法模式介绍
2014/12/28 Javascript
JavaScript中判断两个字符串是否相等的方法
2015/07/07 Javascript
js简单时间比较的方法
2016/08/02 Javascript
js实现华丽的九九乘法表效果
2017/03/29 Javascript
JS动态插入脚本和插入引用外部链接脚本的方法
2018/05/21 Javascript
使用Three.js实现太阳系八大行星的自转公转示例代码
2019/04/09 Javascript
JS实现可切换图片的幻灯切换效果示例
2019/05/24 Javascript
html+jQuery实现拖动滑块图片拼图验证码插件【移动端适用】
2019/09/10 jQuery
[46:55]Ti4 冒泡赛第二轮 LGD vs C9
2014/07/14 DOTA
[47:42]Fnatic vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
[55:42]VG vs VGJ.T 2018国际邀请赛淘汰赛BO1 8.21
2018/08/22 DOTA
Python 如何访问外围作用域中的变量
2016/09/11 Python
详解Pytorch 使用Pytorch拟合多项式(多项式回归)
2018/05/24 Python
Django Python 获取请求头信息Content-Range的方法
2019/08/06 Python
pytorch 更改预训练模型网络结构的方法
2019/08/19 Python
Python GUI学习之登录系统界面篇
2019/08/21 Python
Python 进程操作之进程间通过队列共享数据,队列Queue简单示例
2019/10/11 Python
Pytorch自己加载单通道图片用作数据集训练的实例
2020/01/18 Python
Python QT组件库qtwidgets的使用
2020/11/02 Python
详解HTML5 LocalStorage 本地存储
2016/12/23 HTML / CSS
详解html5 postMessage解决跨域通信的问题
2018/08/17 HTML / CSS
Amara德国:家居饰品、设计师品牌和豪华礼品
2019/05/20 全球购物
安全生产年活动总结
2014/08/29 职场文书
2015学校六五普法工作总结
2015/04/22 职场文书
消防隐患整改通知书
2015/04/22 职场文书
2016年第32个教师节致辞
2015/11/26 职场文书
Python装饰器详细介绍
2022/03/25 Python
Nginx静态压缩和代码压缩提高访问速度详解
2022/05/30 Servers