快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

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

其他资讯