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获取当前屏幕的高度宽度的实现代码
Jul 12 Javascript
让AJAX不依赖后端接口实现方案
Dec 03 Javascript
mailto的使用技巧分享
Dec 21 Javascript
纯javascript版日历控件
Nov 24 Javascript
JS中Array数组学习总结
Jan 18 Javascript
vue.js实现含搜索的多种复选框(附源码)
Mar 23 Javascript
浅谈Node.js 中间件模式
Jun 12 Javascript
微信小程序与后台PHP交互的方法实例分析
Dec 10 Javascript
微信小程序canvas分享海报功能
Oct 31 Javascript
js 计算月/周的第一天和最后一天代码
Feb 01 Javascript
JavaScript实现公告栏上下滚动效果
Mar 13 Javascript
vue实现给div绑定keyup的enter事件
Jul 31 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
桌面中心(一)创建数据库
2006/10/09 PHP
php生成xml简单实例代码
2009/12/16 PHP
PHP 魔术变量和魔术函数详解
2015/02/25 PHP
分享PHP守护进程类
2015/12/30 PHP
网页前台通过js非法字符过滤代码(骂人的话等等)
2010/05/26 Javascript
js 函数的副作用分析
2011/08/23 Javascript
基于jQuery实现下拉框
2014/11/24 Javascript
js实现jquery的offset()方法实例
2015/01/10 Javascript
JavaScript对数字的判断与处理实例分析
2015/02/02 Javascript
nodejs通过phantomjs实现下载网页
2015/05/04 NodeJs
基于javascript实现按圆形排列DIV元素(二)
2016/12/02 Javascript
Angular.js自定义指令学习笔记实例
2017/02/24 Javascript
javaScript实现滚动条事件详解
2020/03/24 Javascript
Vue-Router实现组件间跳转的三种方法
2017/11/07 Javascript
JavaScript实现获取select下拉框中第一个值的方法
2018/02/06 Javascript
JavaScript实现构造json数组的方法分析
2018/08/17 Javascript
vue-cli V3.0版本的使用详解
2018/10/24 Javascript
微信小程序实现两边小中间大的轮播效果的示例代码
2018/12/07 Javascript
Fundebug支持监控微信小程序HTTP请求错误的方法
2019/02/21 Javascript
jQuery实现移动端图片上传预览组件的方法分析
2020/05/01 jQuery
vue+elementUI 实现内容区域高度自适应的示例
2020/09/26 Javascript
详解Python中open()函数指定文件打开方式的用法
2016/06/04 Python
python3.4下django集成使用xadmin后台的方法
2017/08/15 Python
python对html过滤处理的方法
2018/10/21 Python
python安装pil库方法及代码
2019/06/25 Python
通过 Python 和 OpenCV 实现目标数量监控
2020/01/05 Python
Python如何解除一个装饰器
2020/08/07 Python
CSS3中animation实现流光按钮效果
2020/12/21 HTML / CSS
女士和男士时尚鞋在线购物:Shoespie
2019/02/28 全球购物
俄罗斯最大的香水和化妆品网上商店:Randewoo
2020/11/05 全球购物
laravel使用redis队列实例讲解
2021/03/23 PHP
机关党员四风问题个人整改措施
2014/10/26 职场文书
2015教师个人年度工作总结
2015/10/23 职场文书
初中语文教师研修日志
2015/11/13 职场文书
k-means & DBSCAN 总结
2021/04/27 Python
介绍一下28个JS常用数组方法
2022/05/06 Javascript