问题描述
近期,网络上流行了一个“时间管理”的梗,想要做好时间管理,清楚把握时间才是关键点,那么借着这个“时间管理”,来介绍一个小程序实现动态时钟的案例吧。
效果图:
(此图片来源于网络,如有侵权,请联系删除! )
图2.1 动态时钟
解决方案
1、wxml
wxml代码十分简单,只需要一个canvas组件便能实现一个时钟外圆形状。
2、js
js部分主要针对于Math相关属性的应用。
(1)指针的配置:
指针都要对运动路径进行适当的设置,需要利用Math.PI属性来对不同指针转动角度进行配置。比如,秒针转动角
1