思路:使用javascript定时器函数setTimeout()每隔一定的毫秒间隔数执行动作,在执行的动作中循环替换图片的src属性。树立演示如下:
让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名申请、网站空间、营销软件、网站建设、武陵源网站维护、网站推广。
1、HTML结构
img src="1.png" id="test"
2、javascript代码
function change(n){
if(n5) n=1; // 一共5张图片,所以循环替换
document.getElementById("test").setAttribute("src", n+".png");
n++;
setTimeout("change("+n+")",1000);
}
window.onload = function(){
setTimeout("change(1)", 1000);
}
3、效果演示
可以使用JS的setTimeout函数:
function _alert(){
alert(1);
}
setTimeout('_alert();', 2000);
上面的代码中2000的单位是毫秒,表示在2秒后执行_alert()函数。
定时器在js中的应用非常广泛,比如首页的轮播图效果,网页的时钟,秒杀倒计时等,都是采用定时器来实现的。
主要提供了两种定时器:
script type="text/javascript"
//一次性
window.setTimeout(function () {
alert(1);
},1000)
//周期性
window.setInterval(function () {
alert(2);
},1000)
/script