时尚的数字时钟js插件带进度条

时尚的数字时钟js插件带进度条源码下载

看看谁在用

查看文件结构

文件大小:0.00M

资源分类: 插件-时间

更新时间: 2021-06-24

一个现代时尚的数字时钟js插件,带动画进度条倒计时到下一分钟。
const hour = document.getElementById('hour');
const minute = document.getElementById('minute');
const second = document.getElementById('second');
const progress = document.getElementById('progress');
function showCurrentTime() {
    let date = new Date();
    let hr = date.getHours();
    let min = date.getMinutes();
    let sec = date.getSeconds();
    hour.textContent = hr;
    minute.textContent = min;
    second.textContent = sec;
    progress.style.width = (sec / 60) * 100 + '%'
}
setInterval(showCurrentTime, 1000)

时尚的数字时钟js插件带进度条

正在加载文件目录...

也许你还喜欢

  1. 自定义滚动条js插件TrueScrollBar
  2. jQuery渐进数字时间钟
  3. js环形扇形菜单插件circular-menu.js
  4. 图片全屏预览网页组件lumos.js
  5. 数字统计跳动特效js插件
  6. js银行卡生成插件代码
HTML5夜晚海上轮船动画特效代码
  • 标签查找|关于我们|用户协议|格式化工具|bootstrapmb.com 版权所有 苏ICP备17077179号-2
  • 背景样式编辑器|按钮样式编辑器|背景动效编辑器|图片布局编辑器