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 相关文章推荐
Javascript代码在页面加载时的执行顺序介绍
May 03 Javascript
jquery获取URL中参数解决中文乱码问题的两种方法
Dec 18 Javascript
如何使用jquery easyui创建标签组件
Nov 18 Javascript
javascript显示上周、上个月日期的处理方法
Feb 03 Javascript
JavaScript基础教程——入门必看篇
May 20 Javascript
EasyUI在表单提交之前进行验证的实例代码
Jun 24 Javascript
动态生成的DOM不会触发onclick事件的原因及解决方法
Aug 06 Javascript
JS获取鼠标选中的文字
Aug 10 Javascript
AngularJS监听路由变化的方法
Mar 07 Javascript
js从输入框读取内容,比较两个数字的大小方法
Mar 13 Javascript
jQuery+PHP+Ajax实现动态数字统计展示功能
Dec 25 jQuery
jQuery实现手风琴效果(蒙版)
Jan 11 jQuery
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
re0第二季蕾姆被制作组打入冷宫!艾米莉亚女主扶正,原因唏嘘
2020/04/02 日漫
mongodb和php的用法详解
2019/03/25 PHP
写的htc的数据表格
2007/01/20 Javascript
javascript(jquery)利用函数修改全局变量的代码
2009/11/02 Javascript
JQuery 技巧和窍门整理(8个)
2010/04/22 Javascript
jQuery Mobile页面跳转后未加载外部JS原因分析及解决
2013/03/18 Javascript
jQuery中操控hidden、disable等无值属性的方法
2014/01/06 Javascript
浅谈JavaScript 框架分类
2014/11/10 Javascript
JavaScript输出当前时间Unix时间戳的方法
2015/04/06 Javascript
JavaScript学习小结(一)——JavaScript入门基础
2015/09/02 Javascript
javascript HTML5 canvas实现打砖块游戏
2020/06/18 Javascript
微信小程序倒计时功能实现代码
2017/11/09 Javascript
微信小程序实现跟随菜单效果和循环嵌套加载数据
2017/11/21 Javascript
详解Angular结合zTree异步加载节点数据
2018/01/20 Javascript
详解React开发必不可少的eslint配置
2018/02/05 Javascript
微信小程序实现滑动翻页效果(完整代码)
2019/12/06 Javascript
Node.js API详解之 net模块实例分析
2020/05/18 Javascript
JS实现网站楼层导航效果代码实例
2020/06/16 Javascript
解决Vue keep-alive 调用 $destory() 页面不再被缓存的情况
2020/10/30 Javascript
vue+Element-ui前端实现分页效果
2020/11/15 Javascript
[01:24:16]2018DOTA2亚洲邀请赛 4.6 全明星赛
2018/04/10 DOTA
python正常时间和unix时间戳相互转换的方法
2015/04/23 Python
浅谈对yield的初步理解
2017/05/29 Python
python实现图书馆研习室自动预约功能
2018/04/27 Python
详解Python的hasattr() getattr() setattr() 函数使用方法
2018/07/09 Python
python实现海螺图片的方法示例
2019/05/12 Python
Pycharm中Python环境配置常见问题解析
2020/01/16 Python
安装完Python包然后找不到模块的解决步骤
2020/02/13 Python
python 在右键菜单中加入复制目标文件的有效存放路径(单斜杠或者双反斜杠)
2020/04/08 Python
浅谈TensorFlow之稀疏张量表示
2020/06/30 Python
用HTML5的canvas实现一个炫酷时钟效果
2016/05/20 HTML / CSS
加拿大建筑和装修专家:Reno-Depot
2017/12/21 全球购物
家教广告词
2014/03/19 职场文书
社会调查研究计划书
2014/05/01 职场文书
清洁工岗位职责
2015/02/13 职场文书
2016年幼儿园教师政治学习心得体会
2016/01/23 职场文书