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 相关文章推荐
什么是json和jsonp,jQuery json实例详详细说明
Dec 11 Javascript
jquery实现微博文字输入框 输入时显示输入字数 效果实现
Jul 12 Javascript
将两个div左右并列显示并实现点击标题切换内容
Oct 22 Javascript
javascript与cookie 的问题详解
Nov 11 Javascript
JS、CSS以及img对DOMContentLoaded事件的影响
Aug 12 Javascript
jQuery中closest和parents的区别分析
May 07 Javascript
基于jQuery的Web上传插件Uploadify使用示例
May 19 Javascript
浅谈js继承的实现及公有、私有、静态方法的书写
Oct 28 Javascript
jQuery插件FusionCharts绘制的2D双面积图效果示例【附demo源码】
Apr 11 jQuery
js脚本编写简单刷票投票系统
Jun 27 Javascript
layui的布局和表格的渲染以及动态生成表格的方法
Sep 18 Javascript
Vue自定义表单内容检查rules实例
Oct 30 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之第七天
2006/10/09 PHP
php 什么是PEAR?
2009/03/19 PHP
PHP中创建空文件的代码[file_put_contents vs touch]
2012/01/20 PHP
php显示时间常用方法小结
2015/06/05 PHP
php+mysql查询实现无限下级分类树输出示例
2016/10/03 PHP
ThinkPHP框架分布式数据库连接方法详解
2017/03/14 PHP
laravel如何开启跨域功能示例详解
2017/08/31 PHP
thinkphp中常用的系统常量和系统变量
2014/03/05 Javascript
使用forever管理nodejs应用教程
2014/06/03 NodeJs
jQery使网页在显示器上居中显示适用于任何分辨率
2014/06/09 Javascript
JQuery对表单元素的基本操作使用总结
2014/07/18 Javascript
基于jQuery实现下拉框
2014/11/24 Javascript
基于javascript简单实现对身份证校验
2021/01/25 Javascript
Html5+jQuery+CSS制作相册小记录
2016/12/30 Javascript
JavaScript实现类似淘宝的购物车效果
2017/03/16 Javascript
angular select 默认值设置方法
2017/06/23 Javascript
js链表操作(实例讲解)
2017/08/29 Javascript
jQuery实现监听下拉框选中内容发生改变操作示例
2018/07/13 jQuery
微信小程序地图(map)组件点击(tap)获取经纬度的方法
2019/01/10 Javascript
Vue全局loading及错误提示的思路与实现
2019/08/09 Javascript
vue项目引入ts步骤(小结)
2019/10/31 Javascript
antd table按表格里的日期去排序操作
2020/11/17 Javascript
[13:18]《一刀刀一天》之DOTA全时刻21:详解TI新赛制 A队再露獠牙
2014/06/24 DOTA
html5+css如何实现中间大两头小的轮播效果
2018/12/06 HTML / CSS
JD Sports比利时官网:英国领先的运动鞋和运动服饰零售商
2018/10/10 全球购物
Watchshop德国:欧洲在线手表No.1
2019/06/20 全球购物
struct与class的区别
2014/02/03 面试题
中医专业职业生涯规划书范文
2014/01/04 职场文书
教学实习自我评价
2014/01/28 职场文书
《小白兔和小灰兔》教学反思
2014/02/18 职场文书
《闻一多先生的说和做》教学反思
2014/04/28 职场文书
领导干部群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
房屋授权委托书范本
2014/10/07 职场文书
2015年助理工程师工作总结
2015/04/03 职场文书
Mysql分析设计表主键为何不用uuid
2022/03/31 MySQL
clear 万能清除浮动(clearfix:after)
2023/05/21 HTML / CSS