求教 js 轮播图问题

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 3126 天前的主题，其中的信息可能已经有所发展或是发生改变。

怎么做到点击按钮轮播停止，然后点击按钮轮播继续。
这论坛手机传不了图片的？我现在只弄出来了轮播，但是想添加个按钮点击开始，停止效果。

轮播图

求教

问题

14 条回复 • 2016-06-08 08:05:03 +08:00

fising

2016-06-07 00:07:36 +08:00 via iPhone

弄个 flag 变量就可以了

TohsakaRin

2016-06-07 00:13:59 +08:00 via iPhone

@fising 这论坛手机传不了图片吗？要不然让你看下我写的，帮我改改

XianZaiZhuCe

2016-06-07 00:17:37 +08:00 via iPhone

付费可改 😊

jugelizi

2016-06-07 00:18:33 +08:00

...现成的自己不干嘛去看看呢
clear 定时呗

hujian201231

2016-06-07 00:20:01 +08:00 via Android

加个定时器……

jsonline

2016-06-07 00:20:09 +08:00 via Android

这么多插件你不用

Egg

2016-06-07 09:56:26 +08:00

写个判断就好了

fengyua5

2016-06-07 10:22:19 +08:00

肯定是设置定时器啊，点击下一个按钮的时候清除定时器，再过 2s 在重新写一个定时器啊

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

2016-06-07 18:42:05 +08:00 via iPhone

@xiaomibaobao 嗯，我也是刚学出来工作的。 js 学的不太好，一般都是找现成的 jq 来写。

TohsakaRin

2016-06-07 18:43:18 +08:00 via iPhone

@Egg 写了判断，点击按钮就判断停止，但是不知道为什么没效果。

xiaomibaobao

2016-06-07 19:36:46 +08:00

@TohsakaRin 留个联系方式，我 JS 原生都是自己写，现在自学到事件了，感觉很难理解，也没有去找工作，留个联系方式，我们聊聊，另外我天梯五千分。。。。

Egg

2016-06-07 19:48:23 +08:00

@TohsakaRin 断点打个看下？

TohsakaRin

2016-06-08 08:05:03 +08:00 via iPhone

@xiaomibaobao 我去，逛这个论坛也能遇到刀 2 大腿！ 5000 分大神好！带我 3000 分鱼塘遨游。
我 Q:247822481
微信号:dracula365