用JS APl实现钟表效果

先给大家看一下效果图:

用JS APl实现钟表效果_第1张图片

目录

先给大家看一下效果图:

概要

整体架构流程

技术名词解释

技术细节:

 

代码展示:


概要

整体架构流程

知识点:
1. 创建日期对象 获取当前时间
2. 多次定时器,重复获取时间,让指针动起来

技术名词解释

提示:这里可以添加技术名词解释

例如:

  • document.getElementById
  • new Date()
  • transform
  • `rotate(${hh * 30 + mm / 60 * 30}deg)
  • setInterval(clock, 1000);

技术细节:

时钟动画效果 */
// 角度换算: 公式复制即可
// 小时角度公式:小时 * 30 + 分钟 / 60 * 30
// 分钟角度公式:分钟* 6 + 秒 / 60 * 6
// 秒角度公式: 当前秒数 * 6

 

代码展示:






  
  练习 - 网页时钟
  



  

以上就是用jsAPL做的钟表效果希望大家喜欢 !!!

你可能感兴趣的:(JavaScript,webAPL,人工智能)