使用jquery如何實現(xiàn)圖片自動更換而且是定時的

!DOCTYPE?html

為尤溪等地區(qū)用戶提供了全套網頁設計制作服務，及尤溪網站建設行業(yè)解決方案。主營業(yè)務為網站制作、網站設計、尤溪網站設計，以傳統(tǒng)方式定制建設網站，并提供域名空間備案等一條龍服務，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

html

head

style?type="text/css"

.box?{

width:?200px;

height:?200px;

margin:?100px?auto;

border:?1px?solid?pink;

}

.box?img?{

display:?inline-block;

width:?100%;

height:?100%;

}

/style

/head

body

div?class="box"

img?src=""

/div

script?src=""/script

script?type="text/javascript"

$(function?()?{

var?imgArr?=?[

"./img/0.png",

"./img/1.png",

"./img/2.png",

"./img/3.png",

"./img/4.png",

];

$(".box?img").attr("src",?imgArr[0]);

var?i?=?0;

setInterval(function?()?{

i++;

if?(i??imgArr.length?-?1)?{

i?=?0

}

$(".box?img").attr("src",?imgArr[i]);

},?2000);

})

/script

/body

/html

上面是代碼：

實現(xiàn)原理是通過間隔定時器，每過2秒去設置img的src屬性。

imgArr是保存圖片的數組，當每一張圖片都展示后重頭再開始

imgArr的值是一張張圖片我這里是在img文件夾下放了5張圖片，題主可以根據自己的需求選擇網上或者本地圖片。

代碼效果：

jquery如何定時 局部刷新一個div？？

定時ajax就可以了

var timer = setInterval(function(){

$.ajax({

type:'post',

url:'你的url',

dataType:'json',

data:{

請求參數

}，

success：function(data){

//此處拼接返回的json數據，直接用數組形式調用，并且賦值給你的目標div就行了

}

})

},5000)；//時間間隔5秒鐘。

以上是簡單的寫法，望采納，歡迎追問

jQuery怎么控制一個div定時彈出來然后過一段時間定時關閉

問題分析：

首先來分析一下這個功能的兩個步驟。

1、彈出：當頁面初始化完畢后，等待N秒顯示出div標簽。

2、關閉：當div標簽彈出后，再等待N秒后將其關閉。

解決方案：

可以使用JavaScript的setTimeout方法來做定時功能。

案例如下：

此案例設置頁面初始化后5秒彈出div標簽，再等5秒后關閉div標簽。

HTML代碼：

div我是DIV的內容/div

CSS代碼：

div{

width:?200px;

height:?200px;

line-height:?200px;

text-align:?center;

background-color:?#000;

color:?#FFF;

display:?none;

}

JavaScript代碼：

setTimeout(function(){

$('div').show();?//將DIV標簽顯示出來。

setTimeout(function(){

$('div').hide();?//將DIV標簽隱藏。

},?5000);

},?5000);

頁面初始化時為空白，5秒后的效果為：

jquery怎么實現(xiàn)定時刷新當前頁面

setTimeout ( function(){ location.reload(); }, delayTime );

W3C setTimeout 的解釋 ↑

普通功能直接搜js就好

jquery定時器怎么寫

head

script src="jQuery/jquery-1.4.1.min.js" type="text/javascript"/script

script

$(document).ready(function () {

setInterval("startRequest()",1000);

//setInterval這個函數會根據后面定義的1000既每隔1秒執(zhí)行一次前面那個函數

//如果你用局部刷新，要用AJAX技術

});

function startRequest()

{

$("#date").text((new Date()).toString());

}

/script

/head

jQuery怎么寫定時刷新

看你要怎么執(zhí)行了，是幾秒一次，還是特定時間一次了。

setTimeout和setInterval。

如果是幾秒一次，就簡單，設置一個函數，指定刷新的時間間隔，調用就行。

如果是特定時間一次，就需要一個存儲時間的數組或者json，然后每一秒執(zhí)行一次，然后判斷是否到刷新的時間了。

網頁名稱：jquery定時,jquery定時執(zhí)行函數
本文路徑：http://chinadenli.net/article47/dsepjhj.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供、App開發(fā)、商城網站、域名注冊、移動網站建設、動態(tài)網站

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)