您的位置：首页 > 其它

图片轮换效果（点击按钮停止执行）

2013-04-12 17:00 218 查看

在这个小程序中，需要把images文件夹下图片的命名设置为有顺序的，1、2、3……

<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="结束执行" 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="结束执行" onclick="clearfun();" />

</body>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航