javascript用什么方法实现图片每隔两秒自动播放?

我要实现最简单的,多幅图片每隔两秒自动滚动,该用什么方法?特别是这个每隔两秒用什么方法控制?

<HTML><HEAD><TITLE></TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<META name=keywords content=>
<META name=description 
content=>

<!-reload-!>
<META name=GENERATOR content="MSHTML 8.00.6001.18852"><style type="text/css">

a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
body {
background-color: #F9E9C7;
}
-->
</style>
<script language="JavaScript">
 var img = new Array(4);  // 创建数组
 var nums = 0; 
 if(document.images)
 {
   for(i = 1; i <= 4; i++)
   {
   img[i] = new Image();  // 创建对象实例
   img[i].src = "images/00" + i + ".jpg"; // 设置所有图片的路径及名称
   }
 }
function fort()  // 定义图片切换函数
{
  nums ++;
  document.images[0].src= img[nums].src;
  if(nums == 4)
  nums = 0;
}
function slide()  // 每隔1秒连续不断的调用fort()函数
{
  setInterval("fort()", 1000);
}
</script></HEAD>
<BODY onload=slide()>
<table width="80%" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><p>&nbsp;</p>
    <p><img src="images/001.JPG" alt="" width="892" height="422" align="middle"></p></td>
  </tr>
</table>
<LINK 
rel=stylesheet type=text/css href="images/style.css">
</BODY></HTML>

        你好,你可以看看这里面的script代码,是我自己写的,是一个一秒切换一个图片的效果,你可以将那个1000改成2000即可,希望能帮到你。

温馨提示:内容为网友见解,仅供参考
第1个回答  2014-03-28
每隔两秒用setInterval("function",time) ,用这个函数设置设置一个超时对象
如:setInterval(cycle,time) ;
function cycle() {
//实现方法

}

javascript 怎样实现图片动态切换
思路:使用javascript定时器函数setTimeout()每隔一定的毫秒间隔数执行动作,在执行的动作中循环替换图片的src属性。树立演示如下:1、HTML结构 2、javascript代码 function change(n){if(n>5) n=1; \/\/ 一共5张图片,所以循环替换document.getElementById("test").setAttribute("src", n+".png")...

网页制作中如何制作滚动图片
首先,确保您已引入 jQuery 库。然后,在 HTML 文件中为滚动图片添加容器元素和图片元素,容器元素应包含类名或 ID,例如: 接下来,在 JavaScript 中编写以下代码来实现滚动功能:定义变量以初始化序列和轮播定时器:var_index=0; vartimePlay=null; 显示初始图片并隐藏其他图片:$('#AdvImgList').e...

网页制作中图片下面有1,2,3,4的图片自动播放 怎么做的 用什么软件...
有两种方式制作,第一种是现在比较主流的,就是用DW做,这个软件是制作网页的工具,利用javascript来做,这种方式比较方便,修改起来也比较简单,加载速度快,并且没有什么限制,缺点就是展示样式比较少,不像flash那样多种多样,另外一种制作方式就是利用flash这个软件做 ...

网页图片自动播放
必须参数: count ---> 数字类型, 图片数量;可选参数:speed ---> 数字类型, 滚动速率, 默认为:5;auto ---> 布尔类型, 设置自动滚动, 为true则自动, 反之不自动, 默认为: false;timer ---> 数字类型, 设置每个几秒自动滚动一次, 默认为: 5000ms = 5s; 欢迎访问阿里西...

怎样设置自动播放功能?
1. 首先打开电脑,进入桌面,点击左下角的“Windows”图标。2. 在打开的菜单中,点击左下方的齿轮图标,进入“设置”。3. 在打开的设置页面,找到“设备”选项,打开。4. 如图,在打开的设备设置页面,点击左侧的“自动播放”选项。5. 如图,在右侧打开的页面,找到“在所有媒体……”。6. 如图,...

html 图片自动播放代码
你先试试这个代码(先用背景颜色来代码替): var adiv=document.getElementById('div1');var colors=['green','black','pink','blue','yellow','gray','red'];var i=0;setInterval(function(){ if(i==colors.length){ i=0;} adiv.style.backgroundColor=colors[i];i++;}...

js应该如何缓存图片?
您可以使用以下方法来缓存图片:1. 使用localStorage或sessionStorage来存储图片链接,然后在需要时使用它们。这种方法的缺点是,如果您的网站有很多图片,那么您需要为每个图片创建一个键值对,这可能会占用很多内存。2. 使用JavaScript的Image对象来预加载图片。这种方法的优点是,您只需要预加载一次图片,然后...

dreamweaver如何实现让几张照片自动播放,当鼠标点击时也可以播放!
dreamweaver如何实现图片鼠标点击自动播放操作如下:img{width: 200px;height: 200px;}function fn(n){var nextn;if(n==3){nextn=1;}else{nextn=n+1;}document.getElementById("img"+n).style.display="none";document.getElementById("img"+nextn).style.display="block";}...

怎么用javascript embed标签 做个音乐播放器 能上一曲、下一曲、音量...
属性设置 自动播放 语法:autostart=true、false 说明:该属性规定音频或视频文件是否在下载完之后就自动播放。true:音乐文件在下载完之后自动播放;false:音乐文件在下载完之后不自动播放。示例: 循环播放 语法:loop=正整数、true、false 说明:该属性规定音频或视频文件是否循环及循环次数。属性值为正...

网页轮显幻灯片是怎么做的
实现思路:使用revealTrans滤镜制作出超弦图片播放的效果,并每张图片有各自的链接地址。 制作方法: 1、在中插入JS代码:<SCRIPT language=JavaScript1.2>function reapply(){setTimeout("slideit()",800)return true}window.onerror=reapply<\/SCRIPT><SCRIPT language=JavaScript1.1><!--\/\/preload imagesvar image1=new...

相似回答