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

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

云罗郡主
發布: 2018-11-08 13:52:12
原創
8903 人瀏覽過

很多人都會遇到圖片的輪播效果,並且兩分鐘播放一下,這時候就會需要定時器,那麼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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板