Javascript setInterval的两种调用方法(实例讲解)_Javascript教程-查字典教程网
Javascript setInterval的两种调用方法(实例讲解)
Javascript setInterval的两种调用方法(实例讲解)
发布时间:2016-12-30 来源:查字典编辑
摘要:如下所示:复制代码代码如下:#main{border:1pxsolidblack;width:200px;margin:0pxauto;pa...

如下所示:

复制代码 代码如下:

<!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教程学习
    编程开发子分类