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 相关文章推荐
JCalendar 日历控件 v1.0 beta[兼容IE&amp;Firefox] 有文档和例子
May 30 Javascript
JavaScript传递变量: 值传递?引用传递?
Feb 22 Javascript
seajs加载jquery时提示$ is not a function该怎么解决
Oct 23 Javascript
javascript数组常用方法汇总
Sep 10 Javascript
浅谈angularjs module返回对象的坑(推荐)
Oct 21 Javascript
基于Vue框架vux组件库实现上拉刷新功能
Nov 28 Javascript
微信小程序实现页面跳转传值以及获取值的方法分析
Dec 18 Javascript
Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案
May 15 Javascript
JavaScript 复制对象与Object.assign方法无法实现深复制
Nov 02 Javascript
vue指令之表单控件绑定v-model v-model与v-bind结合使用
Apr 17 Javascript
js中offset,client , scroll 三大元素知识点总结
Sep 11 Javascript
一道JS算法面试题——冒泡、选择排序
Apr 21 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项目打包方法
2008/02/18 PHP
phpmyadmin导入(import)文件限制的解决办法
2009/12/11 PHP
PHP+MYSQL会员系统的登陆即权限判断实现代码
2011/09/23 PHP
PHP中使用mktime获取时间戳的一个黑色幽默分析
2012/05/31 PHP
解析php中如何直接执行SHELL
2013/06/28 PHP
PHP四大安全策略
2014/03/12 PHP
基于ThinkPHP实现批量删除
2015/12/18 PHP
详解如何实现Laravel的服务容器的方法示例
2019/04/15 PHP
php接口隔离原则实例分析
2019/11/11 PHP
js将long日期格式转换为标准日期格式实现思路
2013/04/07 Javascript
IE与FireFox的JavaScript兼容问题解决办法
2013/12/31 Javascript
Jquery遍历checkbox获取选中项value值的方法
2014/02/13 Javascript
多种方法实现360浏览器下禁止自动填写用户名密码
2014/06/16 Javascript
jQuery元素的隐藏与显示实例
2015/01/20 Javascript
JavaScript 浏览器兼容性总结及常用浏览器兼容性分析
2016/03/30 Javascript
轻松实现jquery选项卡切换效果
2016/10/10 Javascript
Jquery EasyUI Datagrid右键菜单实现方法
2016/12/30 Javascript
生产制造追溯系统之在线打印功能
2019/06/03 Javascript
微信小程序 弹窗输入组件的实现解析
2019/08/12 Javascript
layui自定义工具栏的方法
2019/09/19 Javascript
vue项目实现设置根据路由高亮对应的菜单项操作
2020/08/06 Javascript
jQuery实现容器间的元素拖拽功能
2020/12/01 jQuery
Python中的并发处理之asyncio包使用的详解
2018/04/03 Python
Python用for循环实现九九乘法表
2018/05/31 Python
python爬虫获取百度首页内容教学
2018/12/23 Python
Python编写通讯录通过数据库存储实现模糊查询功能
2019/07/18 Python
python GUI库图形界面开发之PyQt5窗口背景与不规则窗口实例
2020/02/25 Python
html5 Canvas画图教程(5)—canvas里画曲线之arc方法
2013/01/09 HTML / CSS
中国酒类在线零售网站:酒仙网
2016/08/20 全球购物
如何通过jdbc调用存储过程
2012/04/19 面试题
工程采购员岗位职责
2014/03/09 职场文书
保密承诺书范文
2014/03/27 职场文书
党的群众路线教育实践活动查摆问题自查报告
2014/10/10 职场文书
离婚财产分配协议书
2014/10/21 职场文书
中英文求职信范文
2015/03/19 职场文书
2019年公司快递收发管理制度模板
2019/11/20 职场文书