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 相关文章推荐
javascript中&quot;/&quot;运算符常见错误
Oct 13 Javascript
JavaScript模板入门介绍
Sep 26 Javascript
js调用浏览器打印模块实现点击按钮触发自定义函数
Mar 21 Javascript
如何利用AngularJS打造一款简单Web应用
Dec 05 Javascript
jQuery实现移动端滑块拖动选择数字效果
Dec 24 Javascript
js中通过getElementsByName访问name集合对象的方法
Oct 31 Javascript
easyUI实现(alert)提示框自动关闭的实例代码
Nov 07 Javascript
JS中判断null的方法分析
Nov 21 Javascript
jQuery实现的简单排序功能示例【冒泡排序】
Jan 13 Javascript
vue组件实现文字居中对齐的方法
Aug 23 Javascript
Vue2.0父子组件传递函数的教程详解
Oct 16 Javascript
使用JS代码实现俄罗斯方块游戏
Aug 03 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实现的功能是显示8条基色色带
2006/10/09 PHP
深入HTTP响应状态码速查表的详解
2013/06/07 PHP
php使用NumberFormatter格式化货币的方法
2015/03/21 PHP
Prototype使用指南之hash.js
2007/01/10 Javascript
javascript网页关键字高亮代码
2008/07/30 Javascript
javascript document.compatMode兼容性
2010/02/23 Javascript
仅用[]()+!等符号就足以实现几乎任意Javascript代码
2010/03/01 Javascript
js有序数组的连接问题
2013/10/01 Javascript
javascipt匹配单行和多行注释的正则表达式
2013/11/20 Javascript
jQuery中outerWidth()方法用法实例
2015/01/19 Javascript
jQuery DOM插入节点操作指南
2015/03/03 Javascript
jQuery中JSONP的两种实现方式详解
2016/09/26 Javascript
解决vue router使用 history 模式刷新后404问题
2017/07/19 Javascript
微信小程序授权获取用户详细信息openid的实例详解
2017/09/20 Javascript
Angular之jwt令牌身份验证的实现
2020/02/14 Javascript
javascript设计模式 ? 模板方法模式原理与用法实例分析
2020/04/23 Javascript
Javascript前端下载后台传来的文件流代码实例
2020/08/18 Javascript
[02:41]辉夜杯现场一家三口 “我爸玩风行 我玩血魔”
2015/12/27 DOTA
rhythmbox中文名乱码问题解决方法
2008/09/06 Python
Python方法的延迟加载的示例代码
2017/12/18 Python
分享Python切分字符串的一个不错方法
2018/12/14 Python
python+OpenCV实现图像拼接
2020/03/05 Python
python压包的概念及实例详解
2021/02/17 Python
css3动画 小球滚动 js控制动画暂停
2019/11/29 HTML / CSS
HTML5 Canvas之测试浏览器是否支持Canvas的方法
2015/01/01 HTML / CSS
美国领先的机场停车聚合商:Airport Parking Reservations
2020/02/28 全球购物
学生会竞选自荐信
2013/10/12 职场文书
应用艺术专业个人的自我评价
2014/01/03 职场文书
医药销售自荐书
2014/05/29 职场文书
5s标语大全
2014/06/23 职场文书
大学生就业指导课心得体会
2016/01/15 职场文书
2019公司管理制度
2019/04/19 职场文书
CSS3实现三角形不断放大效果
2021/04/13 HTML / CSS
python 管理系统实现mysql交互的示例代码
2021/12/06 Python
解决Windows Server2012 R2 无法安装 .NET Framework 3.5
2022/04/29 Servers
mysql实现将字符串字段转为数字排序或比大小
2022/06/14 MySQL