首页
注册
登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请
登录
V2EX
›
jQuery
如何在不点击的情况下,每隔几秒执行一次代码,在点击的情况下,直接执行代码?
loje
·
2015-07-08 09:41:59 +08:00
· 3184 次点击
这是一个创建于 3427 天前的主题,其中的信息可能已经有所发展或是发生改变。
在不点击的情况下,每隔几秒隐藏当前DIV,显示下一个DIV,并开始下一个DIV的倒计时
例如在不点击的情况下,5秒后pager1设置为display:none;,并且pager2设置为display:block;,同时pager2开始5秒倒计时(但并非每次倒计时都是5秒,也有可能下一个是6秒倒计时,下下个是10秒倒计时)
然后在点击的情况下,清除当前(就是被设置为display:none;的)DIV的定时器,立即将pager1设置为display:none;,并且pager2设置为display:block;,同时pager2开始5秒倒计时
<div id="pager1">
<button id="next1">下一题</button>
</div>
<div id="pager2" style="display:none;">
<button id="next2">下一题</button>
</div>
<div id="pager3" style="display:none;">
<button id="next3">下一题</button>
</div>
<div id="pager4" style="display:none;">
<button id="next4">下一题</button>
</div>
<div id="pager5" style="display:none;">
<button id="next5">下一题</button>
</div>
<div id="pager6" style="display:none;">
<button id="next6">下一题</button>
</div>
PS.我知道可以用setTimeout来延迟,也知道可以用clearTimeout来清除定时器。
烦请大神指教。
div
id=
Button
5 条回复
•
2015-07-09 08:37:16 +08:00
1
ajan
2015-07-08 10:16:18 +08:00
不是还有 setInterval 么?
2
Axurez
2015-07-08 10:33:56 +08:00
可以看看 RxJS
3
loje
OP
2015-07-08 11:38:18 +08:00
@
ajan
但是中间会有随机的点击事件终结上一轮的计时,同时开始下一轮的计时,setInterval可以实现吗?
4
loje
OP
2015-07-08 11:38:44 +08:00
@
Axurez
不懂RxJS……
5
hronro
2015-07-09 08:37:16 +08:00 via Android
@
loje
可以的,点击时用clearInterval将之前的计时清空就行,点击结束的时候再重新开setInterval
关于
·
帮助文档
·
博客
·
API
·
FAQ
·
实用小工具
·
2782 人在线
最高记录 6679
·
Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 22ms ·
UTC 08:10
·
PVG 16:10
·
LAX 00:10
·
JFK 03:10
Developed with
CodeLauncher
♥ Do have faith in what you're doing.