V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
TohsakaRin
V2EX  ›  程序员

求教 js 轮播图问题

  •  
  •   TohsakaRin · 2016-06-07 00:00:12 +08:00 via iPhone · 3049 次点击
    这是一个创建于 2852 天前的主题,其中的信息可能已经有所发展或是发生改变。
    怎么做到点击按钮轮播停止,然后点击按钮轮播继续。
    这论坛手机传不了图片的?我现在只弄出来了轮播,但是想添加个按钮点击开始,停止效果。
    14 条回复    2016-06-08 08:05:03 +08:00
    fising
        1
    fising  
       2016-06-07 00:07:36 +08:00 via iPhone
    弄个 flag 变量就可以了
    TohsakaRin
        2
    TohsakaRin  
    OP
       2016-06-07 00:13:59 +08:00 via iPhone
    @fising 这论坛手机传不了图片吗?要不然让你看下我写的,帮我改改
    XianZaiZhuCe
        3
    XianZaiZhuCe  
       2016-06-07 00:17:37 +08:00 via iPhone
    付费可改 😊
    jugelizi
        4
    jugelizi  
       2016-06-07 00:18:33 +08:00
    ...现成的自己不干嘛去看看呢
    clear 定时呗
    hujian201231
        5
    hujian201231  
       2016-06-07 00:20:01 +08:00 via Android
    加个定时器……
    jsonline
        6
    jsonline  
       2016-06-07 00:20:09 +08:00 via Android
    这么多插件你不用
    Egg
        7
    Egg  
       2016-06-07 09:56:26 +08:00
    写个判断就好了
    fengyua5
        8
    fengyua5  
       2016-06-07 10:22:19 +08:00
    肯定是设置定时器啊,点击下一个按钮的时候清除定时器,再过 2s 在重新写一个定时器啊
    xiaomibaobao
        9
    xiaomibaobao  
       2016-06-07 17:09:06 +08:00
    stopStart:function stopStart(){
    var _this=this;
    _this.oBox.onmouseover=function(){
    clearInterval(_this.autoTimer);
    utils.css(_this.oBtnLeft,'display','block');
    utils.css(_this.oBtnRight,'display','block');
    };
    _this.oBox.onmouseout=function(){
    _this.autoTimer=setInterval(function(){
    _this.autoMove();
    },_this.interval);
    utils.css(_this.oBtnLeft,'display','none');
    utils.css(_this.oBtnRight,'display','none');
    };
    }

    obox 是整个轮播图的最外面 div ,另外楼主,我也是在自学前端 ING ,可以一起交流下?
    TohsakaRin
        10
    TohsakaRin  
    OP
       2016-06-07 18:42:05 +08:00 via iPhone
    @xiaomibaobao 嗯,我也是刚学出来工作的。 js 学的不太好,一般都是找现成的 jq 来写。
    TohsakaRin
        11
    TohsakaRin  
    OP
       2016-06-07 18:43:18 +08:00 via iPhone
    @Egg 写了判断,点击按钮就判断停止,但是不知道为什么没效果。
    xiaomibaobao
        12
    xiaomibaobao  
       2016-06-07 19:36:46 +08:00
    @TohsakaRin 留个联系方式,我 JS 原生都是自己写,现在自学到事件了,感觉很难理解,也没有去找工作,留个联系方式,我们聊聊,另外我天梯五千分。。。。
    Egg
        13
    Egg  
       2016-06-07 19:48:23 +08:00
    @TohsakaRin 断点打个看下?
    TohsakaRin
        14
    TohsakaRin  
    OP
       2016-06-08 08:05:03 +08:00 via iPhone
    @xiaomibaobao 我去,逛这个论坛也能遇到刀 2 大腿! 5000 分大神好!带我 3000 分鱼塘遨游。
    我 Q:247822481
    微信号:dracula365
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   988 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 22:07 · PVG 06:07 · LAX 15:07 · JFK 18:07
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.