点击登录
  • 欢迎访问我的个人博客,在这里我会跟大家分享前端的学习心得, 一起成长  博客地址
  • 同时欢迎访问我正在实践的外贸电商网站 iMart
  • 目前正在求职前端工程师职位, 请查看我的在线简历

番茄时钟(Pomodoro Clock) – 源代码

前端学习笔记 mike652638 534次浏览 已收录 0个评论
注:番茄时钟是一种采用番茄工作法来管理时间的时钟,能够帮助人集中注意力,提高效率,是工作和学习的好帮手。此页面为本人实践练手项目, 主要利用CSS技巧(flex-box, border-radius, overflow-hidden等)实现时钟页面特效, 再以简单的JS代码定义倒计时时钟轮换, 代码开源,仅供交流探讨, 转载请注明来源,欢迎BUG反馈及优化建议 :) 点这里查看网页效果: https://www.mike652638.com/projects/timer.html
另注: 为便于维护, 实际网页项目中html, css, js等都实现了分离, 本源码页为了展示方便故放在同一个文档里, 供参考

点这里查看网页效果
本博部分文章转自前端大牛, 相关论坛或社区等, 凡转载文章均会注明原文地址, 如有侵权, 请与本人联系删除!
番茄时钟(Pomodoro Clock) – 源代码
喜欢 (1)
[支付宝或微信扫码打赏 :)]
分享 (0)
mike652638
关于作者:
关注互联网, 折腾大前端 ~ 希望结交更多的前端好友, 大家一起交流哦
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址