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 相关文章推荐
在UpdatePanel内jquery easyui效果失效的解决方法
Apr 11 Javascript
情人节专属 纯js脚本1k大小的3D玫瑰效果
Feb 11 Javascript
浅析JavaScript中的类型和对象
Nov 29 Javascript
页面加载完后自动执行一个方法的js代码
Sep 06 Javascript
JS实现的表格行上下移动操作示例
Aug 03 Javascript
浅谈vue中数据双向绑定的实现原理
Sep 14 Javascript
微信小程序 数据绑定及运算的简单实例
Sep 20 Javascript
vue单页面应用打开新窗口显示跳转页面的实例
Sep 21 Javascript
vue-router 手势滑动触发返回功能
Sep 30 Javascript
Webstorm2016使用技巧(SVN插件使用)
Oct 29 Javascript
JavaScript实现单英文金山打字通
Jul 24 Javascript
vue 获取视频时长的实例代码
Aug 20 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中mysql连接和基本操作代码(快速测试使用,简单方便)
2014/04/25 PHP
WordPress中制作导航菜单的PHP核心方法讲解
2015/12/11 PHP
详解PHP对象的串行化与反串行化
2016/01/24 PHP
PHP实现上一篇下一篇的方法实例总结
2016/09/22 PHP
自制轻量级仿jQuery.boxy对话框插件代码
2010/10/26 Javascript
代码触发js事件(click、change)示例应用
2013/12/13 Javascript
jQuery简单tab切换效果实现方法
2015/04/08 Javascript
基于jQuery仿淘宝产品图片放大镜代码分享
2020/06/23 Javascript
实例讲解Jquery中隐藏hide、显示show、切换toggle的用法
2016/05/13 Javascript
js利用appendChild对标签进行排序的实现方法
2016/10/16 Javascript
javascript入门之数组[新手必看]
2016/11/21 Javascript
bootstrapValidator bootstrap-select验证不可用的解决办法
2017/01/11 Javascript
js模仿微信朋友圈计算时间显示几天/几小时/几分钟/几秒之前
2017/04/27 Javascript
详解vue-router 路由元信息
2017/09/13 Javascript
详解Nodejs get获取远程服务器接口数据
2019/03/26 NodeJs
Vue Router history模式的配置方法及其原理
2019/05/30 Javascript
vue实现浏览器全屏展示功能
2019/11/27 Javascript
react 不用插件实现数字滚动的效果示例
2020/04/14 Javascript
[09:22]2014DOTA2西雅图国际邀请赛 主赛事第二日TOPPLAY
2014/07/21 DOTA
Python编写百度贴吧的简单爬虫
2015/04/02 Python
Selenium鼠标与键盘事件常用操作方法示例
2018/08/13 Python
Python wxPython库使用wx.ListBox创建列表框示例
2018/09/03 Python
django 多对多表的创建和插入代码实现
2019/09/09 Python
Python实现点云投影到平面显示
2020/01/18 Python
Python使用docx模块实现刷题功能代码
2020/02/13 Python
阿联酋彩妆品牌:OUD MILANO
2019/10/06 全球购物
房地产管理毕业生自荐信
2013/11/04 职场文书
校园新闻广播稿
2014/01/10 职场文书
2014端午节活动策划方案
2014/01/27 职场文书
机电一体化专业毕业生自荐信
2014/06/19 职场文书
八项规定整改方案
2014/10/01 职场文书
群众路线个人整改方案
2014/10/25 职场文书
学校青年志愿者活动总结
2015/05/06 职场文书
职场:企业印章管理制度(模板)
2019/10/18 职场文书
golang中的并发和并行
2021/05/08 Golang
Python - 10行代码集2000张美女图
2021/05/23 Python