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 .tmpl(), .template()学习资料小结
Jul 18 Javascript
JavaScript?Apple设备检测示例代码
Nov 15 Javascript
js精美的幻灯片画集特效代码分享
Aug 29 Javascript
javascript实现九宫格相加数值相等
May 28 Javascript
Bootstrap每天必学之导航条(二)
Mar 01 Javascript
个人网站留言页面(前端jQuery编写、后台php读写MySQL)
May 03 Javascript
微信公众号 摇一摇周边功能开发
Dec 08 Javascript
jQuery插件FusionCharts实现的3D柱状图效果实例【附demo源码下载】
Mar 03 Javascript
超简单的Vue.js环境搭建教程
Mar 17 Javascript
微信小程序 scroll-view实现锚点滑动的示例
Dec 06 Javascript
微信小程序实现收藏与取消收藏切换图片功能
Aug 03 Javascript
vue按需加载实例详解
Sep 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
利用PHP动态生成VRML网页
2006/10/09 PHP
php桌面中心(一) 创建数据库
2007/03/11 PHP
PHP发明人谈MVC和网站设计架构 貌似他不支持php用mvc
2011/06/04 PHP
解析php中eclipse 用空格替换 tab键
2013/06/24 PHP
使用php测试硬盘写入速度示例
2014/01/27 PHP
深入理解PHP之OpCode原理详解
2016/06/01 PHP
Yii2.0表关联查询实例分析
2016/07/18 PHP
Thinkphp5.0 框架实现控制器向视图view赋值及视图view取值操作示例
2019/10/12 PHP
高效的获取当前元素是父元素的第几个子元素
2013/10/15 Javascript
js 弹出新页面避免被浏览器、ad拦截的一种新方法
2014/04/30 Javascript
JavaScript中的object转换成number或string规则介绍
2014/12/31 Javascript
jQuery中[attribute*=value]选择器用法实例
2014/12/31 Javascript
javascript基于DOM实现省市级联下拉框的方法
2015/05/14 Javascript
浅析Nodejs npm常用命令
2016/06/14 NodeJs
Node.js中防止错误导致的进程阻塞的方法
2016/08/11 Javascript
微信小程序的动画效果详解
2017/01/18 Javascript
Node.js中,在cmd界面,进入退出Node.js运行环境的方法
2018/05/12 Javascript
详解关于vue-area-linkage走过的坑
2018/06/27 Javascript
详解webpack自定义loader初探
2018/08/29 Javascript
vue操作dom元素的3种方法示例
2020/09/20 Javascript
django模型中的字段和model名显示为中文小技巧分享
2014/11/18 Python
Python使用tablib生成excel文件的简单实现方法
2016/03/16 Python
Python快速从注释生成文档的方法
2016/12/26 Python
python3下使用cv2.imwrite存储带有中文路径图片的方法
2018/05/10 Python
Python面向对象程序设计类的多态用法详解
2019/04/12 Python
在linux下实现 python 监控usb设备信号
2019/07/03 Python
Python实现非正太分布的异常值检测方式
2019/12/09 Python
Scrapy框架实现的登录网站操作示例
2020/02/06 Python
恶意软件的定义
2014/11/12 面试题
关于运动会的口号
2014/06/07 职场文书
水电维修专业推荐信
2014/09/06 职场文书
2016年春季趣味运动会开幕词
2016/03/04 职场文书
四年级作文之植物
2019/09/20 职场文书
基于Go Int转string几种方式性能测试
2021/04/28 Golang
MySQL的prepare使用以及遇到的bug
2022/05/11 MySQL
如何利用python实现列表嵌套字典取值
2022/06/10 Python