溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

使用javascript怎么實現一個輪播特效

發布時間:2021-04-25 15:53:48 來源:億速云 閱讀:243 作者:Leah 欄目:編程語言

本篇文章給大家分享的是有關使用javascript怎么實現一個輪播特效,小編覺得挺實用的,因此分享給大家學習,希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。

javascript是一種什么語言

javascript是一種動態類型、弱類型的語言,基于對象和事件驅動并具有相對安全性并廣泛用于客戶端網頁開發的腳本語言,同時也是一種廣泛用于客戶端Web開發的腳本語言。它主要用來給HTML網頁添加動態功能,現在JavaScript也可被用于網絡服務器,如Node.js。

1、輪播特效使用原理:使用定時器設置一定時間切換一張圖片

定時器setInterval() 方法

可按照指定的周期(以毫秒計)來調用函數或計算表達式。

使用語法

setInterval(code,millisec[,"lang"])

參數

code(必需):要調用的函數或要執行的代碼串。

millisec(必需):周期性執行或調用 code 之間的時間間隔,以毫秒計。

2、JavaScript實現自動輪播特效:

使用定時器setInterval() 方法設置2秒切換一張圖片

<body>
<img src="cankao/0.jpg" width="600"/>
</body>
<script>
    var i=0;
    setInterval(function() {
        i++;
        if(i==6){
            i=0;
        }
        var a=document.querySelector("img");
        a.src="cankao/"+i+".jpg"
    },2000)
 
</script>

以上就是使用javascript怎么實現一個輪播特效,小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業資訊頻道。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女