转载注明出处 改成了一个单独的js文件,并且修改成了插件,点击这里查看 今天写小程序,有一个需求就是用户选择时间,然后我这边就要开始倒计时。 因为小程序的限制,所以直接选用时间选择器作为选择定时器的小时和分钟。唯一的缺点就是不能选择秒。 一开始的想法是选择的到一个字符串以后,截取字符串 ...
昨天写了代码,今天发现要重用,干脆就抽出来做个组件得了。代码放在github上了。 昨天的代码在这里 github下载地址 功能: 最基础的当然就是倒计时功能了。 可以设置倒计时结束后执行的事件。 可以设置倒计时执行过程中每隔多少秒,执行一次对应的事件。 用法: 引入: 最简单的调用方式: 倒计时结束后执行事件 间隔执行事件 说明: 由于内部需要调用到小程序的setData方法,所以我们需要把th ...
2016-12-09 19:18 0 4402 推荐指数:
转载注明出处 改成了一个单独的js文件,并且修改成了插件,点击这里查看 今天写小程序,有一个需求就是用户选择时间,然后我这边就要开始倒计时。 因为小程序的限制,所以直接选用时间选择器作为选择定时器的小时和分钟。唯一的缺点就是不能选择秒。 一开始的想法是选择的到一个字符串以后,截取字符串 ...
今天给大家带来微信小程序倒计时组件具体开发步骤:先来看下最终效果:git源:http://git.oschina.net/dotton/CountDown分步骤-性子急的朋友,可以直接看最后那段代码。wxml文件放个text<text>second: {{second}} micro ...
这两天在看微信小程序,参考了网上的资料,做了一个倒计时的练习,记录如下。 本文作者:罗兵 原地址:https://www.cnblogs.com/hhh5460/p/9981064.html 0、效果 1、视图 <!-- index.wxml --> < ...
今天做程序要做个限时抢购的功能如图: 先上代码: 源码 index.wxml 可根据自己实际需求改改 难点就是一个的话好控制,4个需要同时倒计,怎么才能同时刷?? 思路: 将倒计时的时间放入数组封装成方法 然后用 setInterval ...
样式自己随便写吧,原文章的链接没有找到,实在不好意思哈。 ...
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title ...
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title ...
思路:跟一般js倒计时一样,主要在于this的变相传递。 实现效果: wxml文件部分代码: common.js文件 : 引用页JS文件: PS: 1.在data里初始化时间格式,是避免时间加载的第1秒显示为空白,因为setTimeOut ...