标题:clearInterval 如何使用
只看楼主
gesongs
Rank: 3Rank: 3
等 级:论坛游侠
威 望:3
帖 子:129
专家分:100
注 册:2011-7-7
结帖率:52.78%
已结贴  问题点数:20 回复次数:2 
clearInterval 如何使用
<script language =javascript >
var curIndex=0;
  var timeInterval=2000;//时间间隔 单位毫秒
 var arr=new Array();
 arr[0]="1.bmp";
 arr[1]="2.bmp";
 
setInterval(changeImg,timeInterval);//setInterval 自动重复 setTimeout不会重复

function changeImg()
{
    var obj=document.getElementById("obj");
    if (curIndex==arr.length-1)
    {
        curIndex=0;
    }
    else
    {
        curIndex+=1;
    }
    obj.src=arr[curIndex];
}
function stop_pic()
{
   
 clearInterval(setInterval(changeImg,timeInterval));
}
</script>
<img src ="1.bmp" name="obj" border =0 id=obj />

<input type="button" onclick="stop_pic()" value="bottom">

bottom按钮不能暂停 图片切换,还请老师指教!
搜索更多相关主题的帖子: javascript 间隔 function 如何 
2012-01-31 15:37
cnfarer
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:179
帖 子:3330
专家分:21157
注 册:2010-1-19
得分:10 
xxxx=setInterval(changeImg,timeInterval);
....
function stop_pic()
{
clearInterval(xxxx);
}

★★★★★为人民服务★★★★★
2012-02-01 10:40
yms123
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:209
帖 子:12488
专家分:19042
注 册:2004-7-17
得分:10 
clearInterval 如何使用
<script language =javascript >
var curIndex=0;
  var timeInterval=2000;//时间间隔 单位毫秒
var arr=new Array();
arr[0]="1.bmp";
arr[1]="2.bmp";
var tInterval=setInterval(changeImg,timeInterval);//setInterval 自动重复 setTimeout不会重复

function changeImg()
{
    var obj=document.getElementById("obj");
    if (curIndex==arr.length-1)
    {
        curIndex=0;
    }
    else
    {
        curIndex+=1;
    }
    obj.src=arr[curIndex];
}
function stop_pic()
{
    clearInterval(tInterval);
}
</script>
<img src ="1.bmp" name="obj" border =0 id=obj />

<input type="button" onclick="stop_pic()" value="bottom">
2012-02-02 14:55



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-360189-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.381490 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved