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学习笔记(3)--用jquery(插件)实现多选项卡功能
Apr 08 Javascript
js实现ifram取父窗口URL地址的方法
Feb 09 Javascript
浅谈js 闭包引起的内存泄露问题
Jun 22 Javascript
JSP防止网页刷新重复提交数据的几种方法
Nov 19 Javascript
微信小程序-详解数据缓存
Nov 24 Javascript
vue2 如何实现div contenteditable=“true”(类似于v-model)的效果
Feb 08 Javascript
用纯Node.JS弹出Windows系统消息提示框实例(MessageBox)
May 17 Javascript
微信小程序 sha1 实现密码加密实例详解
Jul 06 Javascript
微信小程序的日期选择器的实例详解
Sep 29 Javascript
Vue.js中对css的操作(修改)具体方式详解
Oct 30 Javascript
JavaScript中如何对多维数组(矩阵)去重的实现
Dec 04 Javascript
如何区分vue中的v-show 与 v-if
Sep 08 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采集相关教程之一 CURL函数库
2010/02/15 PHP
php用header函数实现301跳转代码实例
2013/11/25 PHP
php导出excel格式数据问题
2014/03/11 PHP
Yii 框架控制器创建使用及控制器响应操作示例
2019/10/14 PHP
用jQuery扩展自写的 UI导航
2010/01/13 Javascript
Javascript类库的顶层对象名用户体验分析
2010/10/24 Javascript
JQuery获取当前屏幕的高度宽度的实现代码
2011/07/12 Javascript
关于图片按比例自适应缩放的js代码
2011/10/30 Javascript
js innerHTML 改变div内容的方法
2013/08/03 Javascript
JSP跨iframe如何传递参数实现代码
2013/09/21 Javascript
jQuery不兼容input的change事件问题解决过程
2014/12/05 Javascript
JavaScript语言对Unicode字符集的支持详解
2014/12/30 Javascript
JavaScript中用字面量创建对象介绍
2014/12/31 Javascript
推荐10 个很棒的 jQuery 特效代码
2015/10/04 Javascript
深入理解JS继承和原型链的问题
2016/12/17 Javascript
js 动态生成html 触发事件传参字符转义的实例
2017/02/14 Javascript
Angular JS 生成动态二维码的方法
2017/02/23 Javascript
一篇看懂vuejs的状态管理神器 vuex状态管理模式
2017/04/20 Javascript
Vue-cli proxyTable 解决开发环境的跨域问题详解
2017/05/18 Javascript
js设计模式之代理模式及订阅发布模式实例详解
2019/08/15 Javascript
vue+element 实现商城主题开发的示例代码
2020/03/26 Javascript
原生JS实现汇率转换功能代码实例
2020/05/13 Javascript
vue+koa2搭建mock数据环境的详细教程
2020/05/18 Javascript
浅析vue中的nextTick
2020/12/28 Vue.js
python实现xlsx文件分析详解
2018/01/02 Python
python批量下载网站马拉松照片的完整步骤
2018/12/05 Python
python 实现在一张图中绘制一个小的子图方法
2019/07/07 Python
美国在线打印网站:Overnight Prints
2018/10/11 全球购物
馥蕾诗美国官网:Fresh美国
2019/10/09 全球购物
爱心捐赠活动简讯
2015/07/20 职场文书
2016年感恩教师节活动总结
2016/04/01 职场文书
员工保密协议范本,您一定得收藏!很有用!
2019/08/08 职场文书
MySQL开启事务的方式
2021/06/26 MySQL
多人盗宝《绿林侠盗》第三赛季4.5上线 跨平台实装
2022/04/03 其他游戏
Spring Boot配合PageHelper优化大表查询数据分页
2022/04/20 Java/Android
java版 简单三子棋游戏
2022/05/04 Java/Android