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 对象的属性和方法4种不同的类型
Mar 19 Javascript
jQuery EasyUI API 中文文档 - PropertyGrid属性表格
Nov 18 Javascript
zTree插件之单选下拉菜单实例代码
Nov 07 Javascript
JQuery做的一个简单的点灯游戏分享
Jul 16 Javascript
JS实现1000以内被3或5整除的数字之和
Feb 18 Javascript
jQuery排序插件tableSorter使用方法
Feb 10 Javascript
bootstrap实现的自适应页面简单应用示例
Mar 09 Javascript
vue组件 $children,$refs,$parent的使用详解
Jul 31 Javascript
javascript字体颜色控件的开发 JS实现字体控制
Nov 27 Javascript
zepto.js 实时监听输入框的方法
Dec 04 Javascript
详解如何使用webpack打包多页jquery项目
Feb 01 jQuery
小程序:授权、登录、session_key、unionId的详解
May 15 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企业级应用之常见缓存技术篇
2011/01/27 PHP
php强制运行广告的方法
2014/12/01 PHP
php线性表的入栈与出栈实例分析
2015/06/12 PHP
php封装一个异常的处理类
2017/06/08 PHP
js的闭包的一个示例说明
2008/11/18 Javascript
JavaScript中SQL语句的应用实现
2010/05/04 Javascript
jQuery插件开发基础简单介绍
2013/01/07 Javascript
js添加select下默认的option的value和text的方法
2014/10/19 Javascript
js正则表达式验证邮件地址
2015/11/12 Javascript
Web程序员必备的7个JavaScript函数
2016/06/14 Javascript
AngularJs基于角色的前端访问控制的实现
2016/11/07 Javascript
AngularJS实现图片上传和预览功能的方法分析
2017/11/08 Javascript
vue中使用gojs/jointjs的示例代码
2018/08/24 Javascript
基于vue2.0实现仿百度前端分页效果附实现代码
2018/10/30 Javascript
如何解决.vue文件url引用文件的问题
2019/01/18 Javascript
Vue项目从webpack3.x升级webpack4不完全指南
2019/04/28 Javascript
如何利用nodejs自动定时发送邮件提醒(超实用)
2020/12/01 NodeJs
[04:28]2014DOTA2国际邀请赛 采访小兔子LGD挺进钥匙体育馆
2014/07/14 DOTA
[59:07]海涛为你详解DOTA2新版本“贤哲秘契”
2014/11/22 DOTA
在Python的struct模块中进行数据格式转换的方法
2015/06/17 Python
快速了解Python中的装饰器
2018/01/11 Python
python GUI实现小球满屏乱跑效果
2019/05/09 Python
Django ModelForm组件使用方法详解
2019/07/23 Python
Django 项目重命名的实现步骤解析
2019/08/14 Python
CSS3的transition和animation的用法实例介绍
2014/08/20 HTML / CSS
5 个强大的HTML5 API 函数推荐
2014/11/19 HTML / CSS
深入浅析HTML5中的SVG
2015/11/27 HTML / CSS
中间件分为哪几类
2016/09/18 面试题
工会主席岗位责任制
2014/02/11 职场文书
人事专员的职责
2014/02/26 职场文书
法制报告会主持词
2014/04/02 职场文书
企业安全生产责任书
2014/04/14 职场文书
完整版商业计划书
2014/09/15 职场文书
我的长征观后感
2015/06/09 职场文书
pandas取dataframe特定行列的实现方法
2021/05/24 Python
spring项目中切面及AOP的使用方法
2021/06/26 Java/Android