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宝典学习笔记(上)
Jan 10 Javascript
innerhtml用法 innertext用法 以及innerHTML与innertext的区别
Oct 26 Javascript
js 表格隔行颜色
Dec 02 Javascript
javaScript 利用闭包模拟对象的私有属性
Dec 29 Javascript
21个值得收藏的Javascript技巧
Feb 04 Javascript
jquery插件star-rating.js实现星级评分特效
Apr 15 Javascript
JS+CSS实现简单滑动门(滑动菜单)效果
Sep 19 Javascript
浅谈JavaScript 浏览器对象
Jun 03 Javascript
javascript读取文本节点方法小结
Dec 15 Javascript
node通过npm写一个cli命令行工具
Oct 12 Javascript
让你5分钟掌握9个JavaScript小技巧
Jun 09 Javascript
详解vue3.0 的 Composition API 的一种使用方法
Oct 26 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实现解析xml并生成sql语句的方法
2018/02/03 PHP
laravel validate 设置为中文的例子(验证提示为中文)
2019/09/29 PHP
Laravel 修改验证异常的响应格式实例代码详解
2020/05/25 PHP
JavaScript 参数中的数组展开 [译]
2012/09/21 Javascript
加载远程图片时,经常因为缓存而得不到更新的解决方法(分享)
2013/06/26 Javascript
巧用局部变量提升javascript性能
2014/02/24 Javascript
网页运行时提示对象不支持abigimage属性或方法
2014/08/10 Javascript
js怎么覆盖原有方法实现重写
2014/09/04 Javascript
javascript中定义类的方法汇总
2014/12/28 Javascript
轻松学习jQuery插件EasyUI EasyUI创建树形菜单
2015/11/30 Javascript
深入探讨前端框架react
2015/12/09 Javascript
15个值得开发人员关注的jQuery开发技巧和心得总结【经典收藏】
2016/05/25 Javascript
jQuery实现 上升、下降、删除、添加一行代码
2017/03/06 Javascript
ES6中Proxy代理用法实例浅析
2017/04/06 Javascript
node.js中grunt和gulp的区别详解
2017/07/17 Javascript
Vue使用高德地图搭建实时公交应用功能(地图 + 附近站点+线路详情 + 输入提示+换乘详情)
2018/05/16 Javascript
微信小程序实现星级评分和展示
2018/07/05 Javascript
微信小程序的注册页面包含倒计时验证码、获取用户信息
2019/05/22 Javascript
使用jQuery mobile NuGet让你的网站在移动设备上同样精彩
2019/06/18 jQuery
Windows 64位下python3安装nltk模块
2018/09/19 Python
python和mysql交互操作实例详解【基于pymysql库】
2019/06/04 Python
如何用Python制作微信好友个性签名词云图
2019/06/28 Python
python 成功引入包但无法正常调用的解决
2020/03/09 Python
Python嵌入C/C++进行开发详解
2020/06/09 Python
Python远程方法调用实现过程解析
2020/07/28 Python
python的scipy.stats模块中正态分布常用函数总结
2021/02/19 Python
canvas像素画板的实现代码
2018/11/21 HTML / CSS
德国化妆品和天然化妆品网上商店:kosmetikfuchs.de
2017/06/09 全球购物
资产经营总监岗位职责
2013/12/04 职场文书
五四青年节优秀演讲稿范文
2014/05/28 职场文书
上课玩手机的检讨书
2014/10/01 职场文书
离婚协议书范本(通用篇)
2014/11/30 职场文书
2015年春节标语口号
2014/12/09 职场文书
Vue中插槽slot的使用方法与应用场景详析
2021/06/08 Vue.js
SpringBoot生成License的实现示例
2021/06/16 Java/Android
微软Win11 全新照片应用面向 Dev预览版推出 新版本上手体验图集
2022/09/23 数码科技