图片轮换效果实现代码(点击按钮停止执行)_Javascript教程-查字典教程网
图片轮换效果实现代码(点击按钮停止执行)
图片轮换效果实现代码(点击按钮停止执行)
发布时间:2016-12-30 来源:查字典编辑
摘要:在这个小程序中,需要把images文件夹下图片的命名设置为有顺序的,1、2、3……复制代码代码如下:varimgnumb=1;functio...

在这个小程序中,需要把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" src="images/1.jpg" width="500px" height="500px" />

<input type="button" value="结束执行" />

</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" src="images/1.jpg" width="500px" height="500px" />

<input type="button" value="结束执行" />

</body>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类