Javascript setInterval的两种调用方法步骤(实例讲解)

发布时间：2023-08-05 14:32:56 所属栏目：教程来源：

导读：如下所示：

代码如下:

<!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">

如下所示：

代码如下:

<!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>

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!