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定时的简单介绍
网页URL:http://bzwzjz.com/article/dsddhed.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站建设 成都网站设计 成都网站建设 营销型网站建设 成都网站制作 网站建设 成都网站设计 移动网站建设 成都网站设计 定制网站设计 手机网站制作 外贸网站建设 响应式网站设计 企业网站设计 温江网站设计 成都网站建设公司 手机网站建设套餐 企业网站制作 成都网站制作 四川成都网站建设 成都网站建设 四川成都网站设计