Javascript setInterval的两种调用方法(实例讲解)
如下所示：
<!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>
相关文章
效率高的Javscript字符串替换函数的benchmark
这是经常使用的HTML特殊字符替换函数，即将 &、<、>、" 等函数替换成 &、<、>、"。通常的作法都是连续使用数个 replace 函数，而Clear仅使用一个 replace 就完成了替换。2008-08-08
所谓解构就是解构聚合数据,下面这篇文章主要给大家介绍了关于ES6新语法之解构的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-06-06
这篇文章主要介绍了input框中的name和id的区别介绍，非常不错，具有参考借鉴价值,需要的朋友可以参考下2016-11-11
JavaScript高级程序设计 读书笔记之八 Function类及闭包
Function类及闭包，学习js的朋友可以参考下2012-02-02
这篇文章主要介绍了小程序绑定用户方案优化小结，该类小程序在使用之前就需要绑定用户信息。常见于线下门店类功能性小程序。具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-05-05
这篇文章主要介绍了js中的事件捕捉模型与冒泡模型,实例分析了js事件的执行顺序与冒泡模型的原理,具有一定参考借鉴价值,需要的朋友可以参考下2015-01-01
在这篇文章中,我们详细介绍了 ElementUI 的 el-switch 组件,从基本用法到高级应用,以及其背后的实现原理,需要的朋友可以参考下2024-08-08
昨天看到谷歌的主页上出现了几个动画，发现不是flash做的，而是用js+图片实现的！今天把拷贝到的图片，用js实现了动画效果！2013-07-07
uniapp开发微信小程序主包太大和vendor.js过大无法打包问题解决
最近工作一直在uniapp开发小程序这一块,相信很多开发者都遇到过代码体积太大无法打包的问题,这篇文章主要给大家介绍了关于uniapp开发微信小程序主包太大和vendor.js过大无法打包问题的解决办法,需要的朋友可以参考下2023-11-11
这篇文章主要为大家详细介绍了js仿京东放大镜，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
最新评论