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 关键字“拖曳搜索”之“拖曳”以及 图片“提示自适应放大”效果 的实现
Apr 18 Javascript
Javascript将string类型转换int类型
Dec 09 Javascript
js调试系列 控制台命令行API使用方法
Jun 18 Javascript
js实现跟随鼠标移动且带关闭功能的图片广告实例
Feb 26 Javascript
浅谈JavaScript事件绑定的常用方法及其优缺点分析
Nov 01 Javascript
详解angular element()方法使用
Apr 08 Javascript
js实现多张图片每隔一秒切换一张图片
Jul 29 Javascript
微信小程序全局变量的设置、使用、修改过程解析
Sep 24 Javascript
JQuery 实现文件下载的常用方法分析
Oct 29 jQuery
Vue快速实现通用表单验证的示例代码
Jan 09 Javascript
单线程JavaScript实现异步过程详解
May 19 Javascript
JavaScript使用setTimeout实现倒计时效果
Feb 19 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
我的论坛源代码(九)
2006/10/09 PHP
Dedecms常用函数解析
2008/02/01 PHP
在JavaScript中调用php程序
2009/03/09 PHP
php定时计划任务的实现方法详解
2013/06/06 PHP
解析PHP中的file_get_contents获取远程页面乱码的问题
2013/06/25 PHP
php cli换行示例
2014/04/22 PHP
php运行提示:Fatal error Allowed memory size内存不足的解决方法
2014/12/17 PHP
分享PHP-pcntl 实现多进程代码
2016/09/30 PHP
用javascript做拖动布局的思路
2008/05/31 Javascript
JavaScript中的View-Model使用介绍
2011/08/11 Javascript
JS+CSS制作DIV层可(最小化/拖拽/排序)功能实现代码
2013/02/25 Javascript
Jquery AJAX POST与GET之间的区别
2013/11/14 Javascript
2014年最火的Node.JS后端框架推荐
2014/10/27 Javascript
JavaScript中的数组特性介绍
2014/12/30 Javascript
js模仿php中strtotime()与date()函数实现方法
2015/08/11 Javascript
jQuery动态改变多行文本框高度的方法
2016/09/07 Javascript
canvas绘制的直线动画
2017/01/23 Javascript
nodejs根据ip数组在百度地图中进行定位
2017/03/06 NodeJs
Vue 父子组件、组件间通信
2017/03/08 Javascript
nodejs动态创建二维码的方法
2017/08/12 NodeJs
jsTree事件和交互以及插件plugins详解
2017/08/29 Javascript
vue中使用codemirror的实例详解
2018/11/01 Javascript
如何利用ES6进行Promise封装总结
2019/02/11 Javascript
[02:22:36]《加油!DOTA》总决赛
2014/09/19 DOTA
python装饰器使用方法实例
2013/11/21 Python
python更新列表的方法
2015/07/28 Python
解决python3在anaconda下安装caffe失败的问题
2017/06/15 Python
python+opencv轮廓检测代码解析
2018/01/05 Python
Pandas0.25来了千万别错过这10大好用的新功能
2019/08/07 Python
Python threading的使用方法解析
2019/08/28 Python
详解使用python3.7配置开发钉钉群自定义机器人(2020年新版攻略)
2020/04/01 Python
使用python画出逻辑斯蒂映射(logistic map)中的分叉图案例
2020/12/11 Python
HTML5拖拽文件到浏览器并实现文件上传下载功能代码
2013/06/06 HTML / CSS
乐高瑞士官方商店:LEGO CH
2020/08/16 全球购物
css实现两栏布局,左侧固定宽,右侧自适应的多种方法
2021/08/07 HTML / CSS
Python调用腾讯API实现人脸身份证比对功能
2022/04/04 Python