资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

javascript定时的简单介绍

怎样用javascript实现图片定时切换

思路:使用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、效果演示

Javascript中定时调用函数怎么操作?

可以使用JS的setTimeout函数:

function _alert(){

alert(1);

}

setTimeout('_alert();', 2000);

上面的代码中2000的单位是毫秒,表示在2秒后执行_alert()函数。

JavaScript提供了哪些定时器?

定时器在js中的应用非常广泛,比如首页的轮播图效果,网页的时钟,秒杀倒计时等,都是采用定时器来实现的。

主要提供了两种定时器:

script type="text/javascript"

//一次性

window.setTimeout(function () {

alert(1);

},1000)

//周期性

window.setInterval(function () {

alert(2);

},1000)

/script


名称栏目:javascript定时的简单介绍
文章链接:http://cdkjz.cn/article/dsddhed.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:400-028-6601 / 大客户专线   成都:13518219792   座机:028-86922220