重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
!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张图片,题主可以根据自己的需求选择网上或者本地图片。
代码效果:
定时ajax就可以了
var timer = setInterval(function(){
$.ajax({
type:'post',
url:'你的url',
dataType:'json',
data:{
请求参数
},
success:function(data){
//此处拼接返回的json数据,直接用数组形式调用,并且赋值给你的目标div就行了
}
})
},5000);//时间间隔5秒钟。
以上是简单的写法,望采纳,欢迎追问
问题分析:
首先来分析一下这个功能的两个步骤。
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秒后的效果为:
setTimeout ( function(){ location.reload(); }, delayTime );
W3C setTimeout 的解释 ↑
普通功能直接搜js就好
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
看你要怎么执行了,是几秒一次,还是特定时间一次了。
setTimeout和setInterval。
如果是几秒一次,就简单,设置一个函数,指定刷新的时间间隔,调用就行。
如果是特定时间一次,就需要一个存储时间的数组或者json,然后每一秒执行一次,然后判断是否到刷新的时间了。