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 相关文章推荐
js event事件的传递与冒泡处理
Dec 06 Javascript
写了10年的Javascript也未必全了解的连续赋值运算
Mar 25 Javascript
简易js代码实现计算器操作
Apr 15 Javascript
JQuery中使用Ajax赋值给全局变量失败异常的解决方法
Aug 18 Javascript
js时间戳转为日期格式的方法
Dec 28 Javascript
JavaScript 中 avalon绑定属性总结
Oct 19 Javascript
AngularJS指令用法详解
Nov 02 Javascript
javascript中call,apply,bind函数用法示例
Dec 19 Javascript
vue之浏览器存储方法封装实例
Mar 15 Javascript
vue.js 实现输入框动态添加功能
Jun 25 Javascript
vue 利用路由守卫判断是否登录的方法
Sep 29 Javascript
React学习之受控组件与数据共享实例分析
Jan 06 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
javascript实现的listview效果
2007/04/28 Javascript
用js判断浏览器是否是IE的比较好的办法
2007/05/08 Javascript
javascript+xml技术实现分页浏览
2008/07/27 Javascript
jQuery 跨域访问问题解决方法
2009/12/02 Javascript
在Ajax中使用Flash实现跨域数据读取的实现方法
2010/12/02 Javascript
基于jquery的可多选的下拉列表框
2012/07/20 Javascript
jQuery.event兼容各浏览器的event详细解析
2013/12/18 Javascript
jQuery实现带滚动导航效果的全屏滚动相册实例
2015/06/19 Javascript
AngularJS包括详解及示例代码
2016/08/17 Javascript
在JSP中如何实现MD5加密的方法
2016/11/02 Javascript
JavaScript实现计数器基础方法
2017/10/10 Javascript
微信小程序实现的贪吃蛇游戏【附源码下载】
2018/01/03 Javascript
详解基于vue-cli3.0如何构建功能完善的前端架子
2018/10/09 Javascript
移动端滑动切换组件封装 vue-swiper-router实例详解
2018/11/25 Javascript
Electron+vue从零开始打造一个本地播放器的方法示例
2020/10/27 Javascript
[15:35]教你分分钟做大人:天怒法师
2014/10/30 DOTA
[45:14]Optic vs VP 2018国际邀请赛淘汰赛BO3 第二场 8.24
2018/08/25 DOTA
Python的Socket编程过程中实现UDP端口复用的实例分享
2016/03/19 Python
深入理解python try异常处理机制
2016/06/01 Python
django 快速启动数据库客户端程序的方法示例
2019/08/16 Python
Python数据可视化:饼状图的实例讲解
2019/12/07 Python
Python 时间戳之获取整点凌晨时间戳的操作方法
2020/01/28 Python
TensorBoard 计算图的可视化实现
2020/02/15 Python
图解Python中深浅copy(通俗易懂)
2020/09/03 Python
纯html5+css3下拉导航菜单实现代码
2013/03/18 HTML / CSS
html5移动端价格输入键盘的实现
2019/09/16 HTML / CSS
英国最大的网上药品商店:Chemist Direct
2017/12/16 全球购物
美国受信赖的教育产品供应商:Nest Learning
2018/06/14 全球购物
Kaufmann Mercantile官网:家居装饰、配件、户外及更多
2018/09/28 全球购物
Carrs Silver官网:英国著名的银器品牌
2020/08/29 全球购物
创建精神文明单位实施方案
2014/03/08 职场文书
财务会计大学生自我评价
2014/04/09 职场文书
五月的鲜花活动方案
2014/08/21 职场文书
解放思想大讨论活动心得体会
2014/09/11 职场文书
四风对照检查材料范文
2014/09/27 职场文书
【海涛dota】偶遇拉娜娅 质量局德鲁伊第一视角解说
2022/04/01 DOTA