我们经常会看到有很多页面倒计时的效果,今天要给大家分享的就是页面多个倒计时处理方法,先来看demo:

单页面多个倒计时处理 gif 单页面多个倒计时处理

要点分析

当然,这个问题本身其实并不复杂,核心逻辑就是将多个倒计时统一处理,用一个定时器去处理,而不是用多个,主要运行原理如下:

background Layer 1 1.没有任务,定时器处于关闭状态 2.一旦有任务加入,定时器就开始工作 1 2 工作内容就是每隔1秒调用所有任务的回调方法 1 3.一旦一个任务完成了,就把它从队列中剔除 4.所有任务都结束,定时器停止工作,等待下次运行。

现在我们来看看代码结构方面:

其中TEXTMORETIMEINTERVAL是定时器管理,用来检测是否需要启动定时器以及每次执行所有任务的回调方法;dateCountDown则是负责向定时器中放入方法。

最后来看一个实际调用的例子:

直接调用dateCountDown方法向定时器中放入任务,第一个参数表示需要倒计时多久(单位是秒),第二个参数为每次回调方法,最后一个表示该任务终结回调。

DEMO下载

点击下载 [0积分]一共下载0

其他文章

0
我要评论

评论

返回
×

我要评论

回复:

昵称:(昵称不超过20个字)

图片:

提交
还可以输入500个字