重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

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://cqcxhl.cn/article/dsddhed.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP