百度前端技术学院是一个为大学生创办的免费的前端技术实践、分享、交流平台。由百度校园招聘组、百度校园品牌部、百度前端技术部以及多个百度的前端团队联合创办。学院组织了一批百度在职工程师,精心编写了数十个实践编码任务,将技术知识点系统有机地串联在各个充满趣味与挑战的任务中,同学们通过实际地编码练习来掌握知识,再辅以互相评价、学习笔记等方式,加深对于学习内容的理解。在过去的三年中,百度前端技术学院累积吸引了上万名同学参加,并且有数十名同学在学习后,顺利加入了百度,成为了百度的前端工程师。

模拟时钟

进阶

人数72人在学习该课程,有7人已经完成该课程

时间平均用时3.3

关键词Web计时动画

课程概述

作业提交截止时间:04-24

任务描述

欢迎加入商业平台学院QQ群38234781,获得与导师一对一的沟通机会

实现一个模拟时钟,效果示例如下:
时钟实例

该模拟时钟至少应当包括以下功能点:

  • 独立可区分的时针、分针和秒针,表盘以及刻度
  • 默认以当前时间为初始时间
  • 时、分、秒均可调节
  • 可设置闹钟,当时钟走到预设的时间点时,弹出提示框(注意区分上下午)

在完成上述基本功能之外,可以考虑以下一些改进点:

  • 指针移动效果更加平滑,而非一格一格顿进
  • 当秒针(分针)走动时,分针(时针)也有相应的移动,而非一下从1跳到2
  • 时针、分针、秒针可以支持鼠标拖拽的方式来调节时间
  • 增加时区选择功能
  • UI更加贴近真实的钟表
  • 在移动端也有良好的体验

    任务注意事项

    请注意代码风格的整齐、优雅
    代码中需含有必要的注释
    可以合理使用第三方框架、类库
学员提交的作业 (-)
学员名称提交时间提交的代码预览效果评价数平均得分操作
课程优秀学习笔记

暂无优秀学习笔记~