使用jquery如何实现图片自动更换而且是定时的

!DOCTYPE html

为尤溪等地区用户提供了全套网页设计制作服务，及尤溪网站建设行业解决方案。主营业务为网站制作、网站设计、尤溪网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

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

上面是代码：

实现原理是通过间隔定时器，每过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怎么实现定时刷新当前页面

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秒执行一次前面那个函数

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

});

function startRequest()

{

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

}

/script

/head

jQuery怎么写定时刷新

看你要怎么执行了，是几秒一次，还是特定时间一次了。

setTimeout和setInterval。

如果是几秒一次，就简单，设置一个函数，指定刷新的时间间隔，调用就行。

如果是特定时间一次，就需要一个存储时间的数组或者json，然后每一秒执行一次，然后判断是否到刷新的时间了。

分享文章：jquery定时,jquery定时执行函数
URL网址：http://kswjz.com/article/dsepjhj.html