首頁猿問使用jQuery以特定時間間隔顯示...

使用jQuery以特定時間間隔顯示和隱藏div

JavaScript JQuery Html/CSS

炎炎設計 2019-09-02 15:18:39

我想以特定間隔（10秒）顯示div并顯示下一個div并繼續(xù)并重復相同的操作。 **序列：**在第10秒顯示div1，隱藏其他div， 5秒后間隔顯示div 2并隱藏其他div，5秒后間隔顯示div 3并隱藏其他div，并每10秒重復一次。代碼遵循：<div id='div1' style="display:none;"> </div><div id='div2' style="display:none;"> </div><div id='div3' style="display:none;"> </div>

查看完整描述

3 回答

慕尼黑的夜晚無繁華

TA貢獻1864條經(jīng)驗獲得超6個贊

每10秒循環(huán)一次div。

$(function () {

var counter = 0,

divs = $('#div1, #div2, #div3');

function showDiv () {

divs.hide() // hide all divs

.filter(function (index) { return index == counter % 3; }) // figure out correct div to show

.show('fast'); // and show it

counter++;

}; // function to loop through divs and show correct div

showDiv(); // show first div

setInterval(function () {

showDiv(); // show next div

}, 10 * 1000); // do this every 10 seconds

});

反對回復 2019-09-02

慕后森

TA貢獻1802條經(jīng)驗獲得超5個贊

這是我提出的jQuery插件：

$.fn.cycle = function(timeout){

var $all_elem = $(this)

show_cycle_elem = function(index){

if(index == $all_elem.length) return; //you can make it start-over, if you want

$all_elem.hide().eq(index).fadeIn()

setTimeout(function(){show_cycle_elem(++index)}, timeout);

}

show_cycle_elem(0);

}

您需要為所有要循環(huán)的div設置一個公共類名，使用它如下：

$("div.cycleme").cycle(5000)

反對回復 2019-09-02

3 回答
0 關注
953 瀏覽

關注

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

使用jQuery以特定時間間隔顯示和隱藏div

使用jQuery以特定時間間隔顯示和隱藏div

3 回答

相關問題推薦

添加回答

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

使用jQuery以特定時間間隔顯示和隱藏div

使用jQuery以特定時間間隔顯示和隱藏div

3 回答

相關問題推薦

添加回答