昨天写了代码,今天发现要重用,干脆就抽出来做个组件得了。代码放在github上了。 昨天的代码在这里 github下载地址 功能: 1、最基础的当然就是倒计时功能了。 2、可以设置倒计时结束后执行的事件。 3、可以设置倒计时执行过程中每隔多少秒,执行一次对应的事件。 用法: 引入 ...
转载注明出处 改成了一个单独的js文件,并且修改成了插件,点击这里查看 今天写小程序,有一个需求就是用户选择时间,然后我这边就要开始倒计时。 因为小程序的限制,所以直接选用时间选择器作为选择定时器的小时和分钟。唯一的缺点就是不能选择秒。 一开始的想法是选择的到一个字符串以后,截取字符串转换成数字然后和以前一样不停的计算。什么计算秒数,换算成分数啊之类的 想想虽然不难但还是太麻烦了。就想有没有简单易 ...
2016-12-31 16:52 2 2756 推荐指数:
昨天写了代码,今天发现要重用,干脆就抽出来做个组件得了。代码放在github上了。 昨天的代码在这里 github下载地址 功能: 1、最基础的当然就是倒计时功能了。 2、可以设置倒计时结束后执行的事件。 3、可以设置倒计时执行过程中每隔多少秒,执行一次对应的事件。 用法: 引入 ...
//创建一个定时器 //定时器响应函数 ...
先定义目标时间,然后在获取当前时间戳,得到差值,然后转换为相对应的天,小时,分钟,秒数 然后添加定时器,每个一秒钟就执行一次计数方法,相差秒数-1 当差值小于0的时候去除定时器 以下是用到的基础知识点: ...
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../js ...
='jquery-1.7.js'></script></head><body ...
先贴页面代码,就一个简单的div,然后绑定点击事件 下面是js代码 在点击事件前先判断按钮是否可点击,通过后将按钮修改为不可点击,再开始我们的定时器。在定时器中重新给按钮显示的text赋值,并在完成后恢复按钮的点击状态,销毁当前倒计时。 这样,一个简单的倒计时获取 ...
的时间间隔(如设置5s后执行),表示何时将延时器加入到队列,而不是何时真正执行代码。 ...
//倒计时方法 ...