本篇文章为大家展示了如何利用原型设计工具设计一款能获取本地时间的时钟，希望对有需要的同学能有所帮助！

效果图

使用工具

Axure RP 9 beta 绘制原型

Camtasia 2018 录屏及导出gif

实现逻辑

[[Now.getHours()]]函数：获取当前小时数

[[Now.getMinutes()]]函数：获取当前分钟数

[[Now.getSeconds()]]函数：获取当前秒数

获取到本地时间后，指针是有初始角度的：

设当前时间为X：Y：Z (即X点Y分Z秒)

时针角度：(X×30+Y×0.5)deg

分针角度：Y×6 deg

秒针角度：Z×6 deg

指针旋转角度：秒针走60秒 (360deg)，分针走6deg，时针旋转0.5deg

实现步骤