原生态js动态时钟效果,时钟的还盘是图片当背景,指针的代码写的。
const run = () => { const date = new Date() const seconds = date.getSeconds() const minute = date.getMinutes() let hours = date.getHours() if (hours >= 12) { hours -= 12 } const hoursEl = document.querySelector('.hours') const minuteEl = document.querySelector('.minute') const secondsEl = document.querySelector('.seconds') hoursEl.style.transform = `rotate(${(hours + minute / 60) * 30}deg) translateY(-35px)` minuteEl.style.transform = `rotate(${(minute + seconds / 60) * 6}deg) translateY(-35px)` secondsEl.style.transform = `rotate(${seconds * 6}deg) translateY(-35px)` } run() setInterval(() => { run() })
简单的js动态时钟效果
正在加载文件目录...
- 热度 21
雾、下载了 此素材
红尘下载了 此素材
微笑刺客下载了 此素材
天天向上下载了 此素材
MyTone收藏了 此素材
刁民下载了 此素材
ID666275收藏了 此素材
雉机化下载了 此素材
莣汜.下载了 此素材
大偉下载了 此素材