簡單的js圖片輪換代碼(js圖片輪播)
更新時間：2014年05月06日 09:43:02 作者：
這篇文章主要介紹了簡單的js圖片輪換代碼(js圖片輪播),需要的朋友可以參考下
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>images</title>
<script type="text/javascript">
var curIndex = 0;
var timeInterval = 1000;
var arr = new Array();
arr[0] = "1 (1).jpg";
arr[1] = "1 (2).jpg";
arr[2] = "1 (3).jpg";
arr[3] = "1 (4).jpg";
arr[4] = "1 (5).jpg";
arr[5] = "1 (6).jpg";
arr[6] = "1 (7).jpg";
arr[7] = "1 (8).jpg";
setInterval(changeImg,timeInterval);
function changeImg() {
var obj = document.getElementById("obj");
if (curIndex == arr.length-1) {
curIndex = 0;
} else {
curIndex += 1;
}
obj.src = arr[curIndex];
}
</script>
<script language="javascript">
setInterval(test,1000);
var array = new Array();
var index = 0;
var array = new Array("1 (1).jpg","1 (2).jpg","1 (3).jpg","1 (4).jpg","1 (5).jpg","1 (6).jpg","1 (7).jpg","1 (8).jpg");
function test() {
var myimg=document.getElementById("imgs");
if(index==array.length-1)
{ index=0; }else{ index++; }
myimg.src=array[index];
}
</script>
</head>
<body>
<img id = "obj" src="1 (1).jpg" border = 0 />
</body>
<body>
</body>
</html>
相關(guān)文章
在開發(fā)過程中會經(jīng)常遇到window.open打開的頁面，同時問題出現(xiàn)了如何刷新上層頁面呢？本文將詳細介紹，需要了解的朋友可以參考下2012-12-12
這篇文章主要介紹了js中this的用法,實例分析了js中this的4種常見用法,具有一定參考借鑒價值,需要的朋友可以參考下2015-01-01
js利用遞歸與promise 按順序請求數(shù)據(jù)的方法
這篇文章主要介紹了js利用遞歸與promise 按順序請求數(shù)據(jù),需要的朋友可以參考下2019-08-08
這篇文章主要為大家詳細介紹了基于bootstrap的選擇框插件icheck，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
Select標簽下拉列表二級聯(lián)動級聯(lián)實例代碼
這篇文章主要介紹了Select標簽下拉列表二級聯(lián)動級聯(lián)實例代碼,需要的朋友可以參考下2014-02-02
這篇文章介紹了Javascript彈出窗口的各種方法總結(jié)，有需要的朋友可以參考一下2013-11-11
封裝一個vue中也可使用的uniapp的全局彈窗組件(任何頁面都可以彈出)
在寫uniapp小程序的時候,彈窗提醒經(jīng)常會用到,雖然彈窗的組件很多,但是通常別人封裝好的彈窗組件自定義度不高,很難匹配自己的ui需求,這篇文章主要給大家介紹了封裝一個vue中也可使用的uniapp的全局彈窗組件的相關(guān)資料,這個組件在任何頁面都可以彈出,需要的朋友可以參考下2023-02-02
移動端H5開發(fā) Turn.js實現(xiàn)很棒的翻書效果
這篇文章主要為大家詳細介紹了Turn.js實現(xiàn)很棒的翻書效果，對Turn.js翻書效果的實現(xiàn)進行總結(jié)，感興趣的小伙伴們可以參考一下2016-06-06
JVM是一種用于計算設(shè)備的規(guī)范，它是一個虛構(gòu)出來的機器，是通過在實際的計算機上仿真模擬各種功能實現(xiàn)的。JVM的內(nèi)存區(qū)域可以被分為：線程、棧、堆、靜態(tài)方法區(qū)。本文將介紹JVM的內(nèi)存模型，感興趣的小伙伴，可以參考下2021-06-06
最近接了一個微信小程序的項目，項目需求是小程序語音識別，全景圖片觀看，登錄授權(quán)，獲取個人基本信息。非常不錯，具有一定的參考借鑒價值，需要的朋友參考下吧2018-10-10