快捷導(dǎo)航

Javascript setInterval的兩種調(diào)用方法(實(shí)例講解)

更新時(shí)間：2013年11月29日 10:10:24 作者：

這篇文章主要是對(duì)Javascript setInterval的兩種調(diào)用方法解析了詳細(xì)的分析介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助

如下所示：

<!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 () {
            //第一種調(diào)用方法，傳遞的是方法指針
            //setInterval(showMsg, 1000);
            //第二種調(diào)用方法
            var methodName = "showMsg()";    //注意這里使用了字符串，并且加了括號(hào)
            setInterval(methodName, 1000);   //加了雙引號(hào)，表示里面是代碼，會(huì)執(zhí)行里面的代碼類似于setInterval("alert('a')",1000),每隔1秒執(zhí)行alert('a')
        }
        var seconds = 5;
        function showMsg() {
            if (seconds > 0) {
                seconds--;
                document.getElementById("msg").innerHTML = seconds + "秒鐘后自動(dòng)關(guān)閉！";
            }
            else {
                window.close();
            }
        }
    </script>
</head>
<body>
    <div id="main">
        這是廣告窗體:
        <div id="msg">5秒鐘后自動(dòng)關(guān)閉！</div>
    </div>
</body>
</html>

您可能感興趣的文章:

相關(guān)文章

效率高的Javscript字符串替換函數(shù)的benchmark
這是經(jīng)常使用的HTML特殊字符替換函數(shù)，即將 &、<、>、" 等函數(shù)替換成 &、<、>、"。通常的作法都是連續(xù)使用數(shù)個(gè) replace 函數(shù)，而Clear僅使用一個(gè) replace 就完成了替換。
2008-08-08
ES6新語(yǔ)法之解構(gòu)實(shí)踐指南
所謂解構(gòu)就是解構(gòu)聚合數(shù)據(jù),下面這篇文章主要給大家介紹了關(guān)于ES6新語(yǔ)法之解構(gòu)的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-06-06
input框中的name和id的區(qū)別
這篇文章主要介紹了input框中的name和id的區(qū)別介紹，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下
2016-11-11
JavaScript高級(jí)程序設(shè)計(jì) 讀書(shū)筆記之八 Function類及閉包
Function類及閉包，學(xué)習(xí)js的朋友可以參考下
2012-02-02
小程序綁定用戶方案優(yōu)化小結(jié)
這篇文章主要介紹了小程序綁定用戶方案優(yōu)化小結(jié)，該類小程序在使用之前就需要綁定用戶信息。常見(jiàn)于線下門店類功能性小程序。具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-05-05
js中的事件捕捉模型與冒泡模型實(shí)例分析
這篇文章主要介紹了js中的事件捕捉模型與冒泡模型,實(shí)例分析了js事件的執(zhí)行順序與冒泡模型的原理,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-01-01
ElementUI el-switch 使用示例詳解
在這篇文章中,我們?cè)敿?xì)介紹了 ElementUI 的 el-switch 組件,從基本用法到高級(jí)應(yīng)用,以及其背后的實(shí)現(xiàn)原理,需要的朋友可以參考下
2024-08-08
仿谷歌主頁(yè)js動(dòng)畫(huà)效果實(shí)現(xiàn)代碼
昨天看到谷歌的主頁(yè)上出現(xiàn)了幾個(gè)動(dòng)畫(huà)，發(fā)現(xiàn)不是flash做的，而是用js+圖片實(shí)現(xiàn)的！今天把拷貝到的圖片，用js實(shí)現(xiàn)了動(dòng)畫(huà)效果！
2013-07-07
uniapp開(kāi)發(fā)微信小程序主包太大和vendor.js過(guò)大無(wú)法打包問(wèn)題解決
最近工作一直在uniapp開(kāi)發(fā)小程序這一塊,相信很多開(kāi)發(fā)者都遇到過(guò)代碼體積太大無(wú)法打包的問(wèn)題,這篇文章主要給大家介紹了關(guān)于uniapp開(kāi)發(fā)微信小程序主包太大和vendor.js過(guò)大無(wú)法打包問(wèn)題的解決辦法,需要的朋友可以參考下
2023-11-11
js仿京東放大鏡
這篇文章主要為大家詳細(xì)介紹了js仿京東放大鏡，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-07-07