 
<script type="text/javascript"> 
var imgnumb = 1; 
function imgfor() { 
imgnumb++; 
document.getElementById('img1').setAttribute('src', 'images/' + imgnumb + '.jpg'); 
if (imgnumb == 5) { //共5張圖片 
imgnumb = 0; 
} 
} 
var clearid; 
function clearfun() { 
clearInterval(clearid); 
} 
clearid=setInterval(imgfor, 500); 
</script> 
</head> 
<body> 
<img alt="" id="img1" class="style1" src="images/1.jpg" width="500px" height="500px" /> 
<input type="button" value="結(jié)束執(zhí)行" onclick="clearfun();" /> 
</body> 
var imgnumb = 1; 
function imgfor() { 
imgnumb++; 
document.getElementById('img1').setAttribute('src', 'images/' + imgnumb + '.jpg'); 
if (imgnumb == 5) { 
imgnumb = 0; 
} 
} 
var clearid; 
function clearfun() { 
clearInterval(clearid); 
} 
clearid=setInterval(imgfor, 500); 
</script> 
</head> 
<body> 
<img alt="" id="img1" class="style1" src="images/1.jpg" width="500px" height="500px" /> 
<input type="button" value="結(jié)束執(zhí)行" onclick="clearfun();" /> 
</body> 

您可能感興趣的文章:

相關(guān)文章

JS中addEventListener的使用示例詳解
addEventListener是JavaScript中的一個(gè)方法,用于向一個(gè)元素添加事件監(jiān)聽器,本文給大家介紹JS中addEventListener的使用示例代碼,感興趣的朋友跟隨小編一起看看吧
2023-10-10
js生成隨機(jī)數(shù)方法和實(shí)例
這篇文章主要介紹了js生成隨機(jī)數(shù)方法和實(shí)例,由js生成一切隨機(jī)數(shù)的基礎(chǔ)都是Math.random(),有興趣的可以了解一下。
2017-01-01
javascript入門基礎(chǔ)之私有變量
開始接觸這門語(yǔ)言時(shí)，可能都會(huì)覺(jué)得這門語(yǔ)言缺少訪問(wèn)控制符(如public、private、protected)，從而導(dǎo)致不能定義私有變量和私有方法。但經(jīng)過(guò)進(jìn)一步了解就會(huì)知道javascript同樣可以有私有變量。
2010-02-02
詳解webpack4升級(jí)指南以及從webpack3.x遷移
本篇文章主要介紹了詳解webpack4升級(jí)指南以及從webpack3.x遷移，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-06-06
JS操作字符串的一些常見內(nèi)置方法
這篇文章主要給大家介紹了關(guān)于JS操作字符串的一些常見內(nèi)置方法,JavaScript中有許多常用的數(shù)組和字符串操作函數(shù),文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-11-11
node.js的事件機(jī)制
本文主要介紹了node.js的事件機(jī)制，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧
2017-02-02
JavaScript中find()和?filter()方法的區(qū)別小結(jié)
js中find和filter方法大家在工作中會(huì)經(jīng)常遇到,那么他們有什么區(qū)別呢？這篇文章主要給大家介紹了關(guān)于JavaScript中find()和?filter()方法區(qū)別的相關(guān)資料,需要的朋友可以參考下
2021-12-12
layui遞歸實(shí)現(xiàn)動(dòng)態(tài)左側(cè)菜單
這篇文章主要為大家詳細(xì)介紹了layui遞歸實(shí)現(xiàn)動(dòng)態(tài)左側(cè)菜單，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-07-07
JavaScript中 DOM操作方法小結(jié)
本篇文章主要介紹了JavaScript中 DOM操作方法小結(jié)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-04-04
詳解JavaScript的閉包、IIFE、apply、函數(shù)與對(duì)象
本文主要對(duì)JavaScript的閉包、IIFE、apply、函數(shù)與對(duì)象進(jìn)行詳細(xì)介紹。有很好的參考價(jià)值，需要的朋友一起來(lái)看下吧
2016-12-12