canvas基础之 倒计时炫酷效果










整体思路

先定义一些常量 比如小球的半径 固定的坐标位置 颜色, 重点是一个2维数组用来记录数字的阵列

获取时间,在定时器执行绘制和更新的函数

绘制函数 需要获取当前的时间 ,所以定义一个专门用来获取当前时间的函数即可

在绘制函数中获取当前时间具体时 分 秒  在对应的阵列把数字画上去,通过双重for循环遍历拿到点阵数据

判断是否为一,为一就画一个圆,这样就可以显示具体的时间在点阵上

更新函数用来获取当前时间和下一次的时间 做一个判断 当两个时间不相等的时候 就添加小球

所以创建一个添加小球的方法  用一个数组把小球放进去 在绘制时间时候同时把小球也一同绘制,不同的是,彩色小球会运动

所以定义一个让小球运动的函数,里面进行运动的函数,并且判断何时清除小球,  

关键点,时间与点阵的如何绘制成对应的数字  何时需要添加小球 

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容