首頁 >web前端 >js教程 >js定時器是什麼? js定時器使用方法

js定時器是什麼? js定時器使用方法

云罗郡主
云罗郡主原創
2018-11-08 13:51:578902瀏覽

很多人都會遇到圖片的輪播效果,並且兩分鐘播放一下,這時候就會需要定時器,那麼js定時器是什麼?下面我們來講解一下js定時器使用方法。

一:js定時器是什麼

js計時器是利用js實作定時的一種方法,在網站上有很多用途都是用到定時器,很多線上時鐘的製作,圖片輪播的實現,還有一些廣告彈窗,但凡可以自動執行的東西,都是可以和定時器有關的。

二:js計時器使用的兩個方法

(1)setTimeout()和clearTimeout();

在js中,我們可以使用setTimeout()和clearTimeout來對函數進行設置,且一次調用函數,並不能重複執行,其中clearTimeout()可以取消執行,語法為:

var 变量名 = setTimeout(code , time);

以上語法是一個變數調用一個函數名,我們可以設定時間,表示過了多久就會自動自行code中的內容。

例如:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        window.onload = function () {
            setTimeout("alert(&#39;php中文欢迎你&#39;);", 2000);
        }
    </script>
</head>
<body>
    <p>php中文欢迎你</p>
</body>
</html>

顯示效果如下:

js定時器是什麼? js定時器使用方法

#(2)setInterval()和clearInterval();


################################################### #在js中,我們可以使用setInterval()呼叫函數,語法為:###
var 变量名 = setInterval (code , time);
###setInterval只會重複執行一段程式碼,setTimeout()且只能一次。 ######以上就是對js計時器是什麼? js定時器使用方法的完整介紹,如果您想了解更多有關###JavaScript教程###,請關注PHP中文網。 ############

以上是js定時器是什麼? js定時器使用方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

相關文章

看更多