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 相关文章推荐
IE DOM实现存在的部分问题及解决方法
Jul 25 Javascript
Extjs EditorGridPanel中ComboBox列的显示问题
Jul 04 Javascript
利用js实现在浏览器状态栏显示访问者在本页停留的时间
Dec 29 Javascript
JQuery处理json与ajax返回JSON实例代码
Jan 03 Javascript
jQuery提交多个表单的小技巧
Jul 27 Javascript
如何使用Vuex+Vue.js构建单页应用
Oct 27 Javascript
教你用Cordova打包Vue项目的方法
Oct 17 Javascript
把vue-router和express项目部署到服务器的方法
Feb 21 Javascript
详解vue微信网页授权最终解决方案
Jun 16 Javascript
Vue 实现复制功能,不需要任何结构内容直接复制方式
Nov 09 Javascript
js中火星坐标、百度坐标、WGS84坐标转换实现方法示例
Mar 02 Javascript
Vue-Ant Design Vue-普通及自定义校验实例
Oct 24 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
Body是什么,该怎么喝出咖啡里的口感
2021/03/03 咖啡文化
社区(php&amp;&amp;mysql)六
2006/10/09 PHP
php,ajax实现分页
2008/03/27 PHP
让Json更懂中文(JSON_UNESCAPED_UNICODE)
2011/10/27 PHP
php引用传值实例详解学习
2013/11/06 PHP
帝国cms目录结构分享
2015/07/06 PHP
PHP实现的redis主从数据库状态检测功能示例
2017/07/20 PHP
利用PHP判断是手机移动端还是PC端访问的函数示例
2017/12/14 PHP
jquery text()要注意啦
2009/10/30 Javascript
js下获得客户端操作系统的函数代码(1:vista,2:windows7,3:2000,4:xp,5:2003,6:2008)
2011/10/31 Javascript
Node.js开发之访问Redis数据库教程
2015/01/14 Javascript
简单谈谈JavaScript的同步与异步
2015/12/31 Javascript
JS添加或修改控件的样式(Class)实现方法
2016/10/15 Javascript
Nodejs进阶:核心模块net入门学习与实例讲解
2016/11/21 NodeJs
react-router JS 控制路由跳转实例
2017/06/15 Javascript
JS滚动到指定位置导航栏固定顶部
2017/07/03 Javascript
jQuery实现腾讯信用界面(自制刻度尺)样式
2017/08/15 jQuery
理顺8个版本vue的区别(小结)
2018/09/17 Javascript
使用异步组件优化Vue应用程序的性能
2019/04/28 Javascript
JavaScript如何借用构造函数继承
2019/11/06 Javascript
让Vue响应Map或Set的变化操作
2020/11/11 Javascript
JavaScript 判断浏览器是否是IE
2021/02/19 Javascript
Python datetime时间格式化去掉前导0
2014/07/31 Python
使用Python的Flask框架实现视频的流媒体传输
2015/03/31 Python
Python2随机数列生成器简单实例
2017/09/04 Python
python爬取足球直播吧五大联赛积分榜
2018/06/13 Python
python爬取微信公众号文章
2018/08/31 Python
python3正则提取字符串里的中文实例
2019/01/31 Python
AmazeUI 面板的实现示例
2020/08/17 HTML / CSS
Hunkemöller瑞士网上商店:欧洲最大的内衣品牌之一
2018/12/03 全球购物
漫威玩具服装及周边商品官方购物网站:Marvel Shop
2019/05/11 全球购物
了解AppleTalk协议吗
2014/04/01 面试题
一些Solaris面试题
2015/12/22 面试题
羊脂球读书笔记
2015/06/30 职场文书
创业计划书之婴幼儿游泳馆
2019/09/11 职场文书
java如何实现socket连接方法封装
2021/09/25 Java/Android