欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

window.setinterval() 频次会变快。请前辈们帮忙看看

更新时间: 2014-01-05 01:51:35 责任编辑: Author_N1

 

window.setInterval() 频率会变快。请前辈们帮忙看看。
 <script type="text/javascript">
//图片自动展示
var imageAuto ;
var displayNum = 0,oldDisplay = 0;
function autoRun(){
var imgs = document.getElementsByName("displayImage");
var area = document.getElementById("displayArea");

imgs[oldDisplay].border = "0px";
imgs[displayNum].border = "4px";
area.src = imgs[displayNum].src;
oldDisplay = displayNum;
displayNum = (displayNum + 1) % imgs.length;



}
function autoBrowse(){

imageAuto = window.setInterval("autoRun()", 1500);
}

function imageOver(num){
stopThread();
displayNum = num;
autoRun();
}
function imageOut(num){
autoBrowse();
}

function autoDisplay(auto){
if(auto){
window.setTimeout("autoBrowse()", 100);
}else{
stopThread();
}
}

function stopThread(){
window.clearInterval(imageAuto);
}

    </script>

 <body onload = "autoBrowse();" onunload = "stopThread()">
 <img src = "image/0.png" id = "displayArea" alt = "图片1" height = "400" width = "800" onmouseover = "autoDisplay(false)"  onmouseout = "autoDisplay(true)"/>
    <br/>
    <table>
     <tr>
     <td> <img name = "displayImage" src = "image/0.png" alt = "图片1" height = "120" width = "160" onmouseover = "imageOver(0)"  onmouseout = "imageOut(0)" /> </td>
     <td> <img name = "displayImage"  src = "image/1.png" alt = "图片2" height = "120" width = "160" onmouseover = "imageOver(1)"  onmouseout = "imageOut(1)" /> </td>
     <td> <img name = "displayImage"  src = "image/2.png" alt = "图片3" height = "120" width = "160" onmouseover = "imageOver(2)"  onmouseout = "imageOut(2)" /> </td>
     <td> <img name = "displayImage"  src = "image/3.png" alt = "图片4" height = "120" width = "160" onmouseover = "imageOver(3)"  onmouseout = "imageOut(3)" /> </td>
     <td> <img name = "displayImage"  src = "image/4.png" alt = "图片5" height = "120" width = "160" onmouseover = "imageOver(4)"  onmouseout = "imageOut(4)" /> </td>
     <td> <img name = "displayImage"  src = "image/5.png" alt = "图片6" height = "120" width = "160" onmouseover = "imageOver(5)"  onmouseout = "imageOut(5)" /> </td>
     </tr>
    </table>
</body>

--参考方法--
改成
var xx = null;
function autoDisplay(auto){
if(auto){

window.clearTimeout(xx);
xx = window.setTimeout("autoBrowse()", 100);
}else{
stopThread();
}
}
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 01:51:35
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/2109/
本文WWW.DOC100.NET DOC100.NET版权所有。