JavaScript模拟时间播放显示界面案例教程
代码如下
- <div class="time">
- <div class="hour"></div>
- <div class="fen"></div>
- <div class="miao"></div>
- </div>
- <script>
- var date = new Date();
- var h = date.getHours();
- var f = date.getMinutes();
- var m = date.getSeconds();
- var hour = document.querySelector('.hour');
- var fen = document.querySelector('.fen');
- var miao = document.querySelector('.miao');
- zidiu();
- setInterval(zidiu, 1000);
- function zidiu() {
- hour.innerHTML = '时:' + h;
- fen.innerHTML = '分:' + f;
- miao.innerHTML = '秒:' + m;
- }
- </script>
复制代码
|
|