javascript - js使用setInterval实现自动轮播图片功能,速度变得越来越快?
PHP中文网
PHP中文网 2017-04-11 11:11:27
[JavaScript讨论组]

1.问题:当初学使用js实现轮播器功能时,页面加载完,自动播放图片运行正常,当鼠标第一次移入ul标签时,自动播放停止,移出鼠标,自动播放继续,
但是随着运行,轮播图片的变化速度非常快,而且这时点击ul标签已经不起作用了,不知道错在哪里了?下面是实现的js代码:

window.onload = function(){
    //轮播初始化
      var lunbo  = document.getElementById('content');
      var imgs = lunbo.getElementsByTagName('img');     
      var uls = lunbo.getElementsByTagName('ul');
      var lis = lunbo.getElementsByTagName('li');
      //初始状态下,一个圆圈为高亮模式
          lis[0].style.fontSize = '26px';
          lis[0].style.color = '#fff';
         //定义一个全局变量,用来进行自动轮播图片顺序的变化
          var pic_index = 1;
        //自动轮播
       var pic_time =  setInterval(autobofang,3000);

         function autobofang(){
             
             if(pic_index >= lis.length){
                pic_index = 0;
            }

                change1(pic_index);
                pic_index++;
         }
        function change1(index){          
                       //让所有图片都不显示,所有圆圈都为普通样式    

                    for(var j=0;j
PHP中文网
PHP中文网

认证0级讲师

全部回复(1)
阿神

你就在第一次启动setInterval的时候记录获取了pic_time,后面再启动就不记录了?那后面的定时器怎么还能被正常的停止的?停止不了当然就愈来愈快了。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号