看着 小程序 这些日子这么火爆,对于新鲜事物炒鸡感兴趣的我肯定也小小的研究了一下。于是乎便搞出了一个小程序版本的倒计时Demo。Demo效果图如下: 一、Demo思路来源 之所以写了这样一个Demo,是因为很久之前在慕课网看到了一个很好玩很酷炫利用canvas绘制的时钟,于是想着这样炫酷好玩的东西在小程序当中是否也能够得以实现呢?答案肯定是可以的。接下来我将把这个Demo的思路一步一步分享给大家。 二、Demo实现 1.微信小程序开发环境搭建 http://www.helloxcx.com/jc/devtools/download.html 2.开发环境搭建后利用开发工具创建自己的Demo项目 1)创建项目 2)添加核心代码countdown.js ,digit.js到index目录下 3.核心代码实现(代码中有详细的开发注释) 1)digit.js(这里实现倒计时数字的排列,是一个3维数组) // 数字排列 var digit = [ [ [0,0,1,1,1,0,0], [0,1,1,0,1,1,0], [1,1,0,0,0,1,1], [1,1,0,0,0,1,1], [1,1,0,0,0,1,1], [1,1,0,0,0,1,1], [1,1,0,0,0,1,1], [1,1,0,0,0,1,1], [0,1,1,0,1,1,0], [0,0,1,1,1,0,0] ],/