请选择 进入手机版 | 继续访问电脑版

js模拟时间播放显示界面案例教程

[复制链接]
查看1404 | 回复0 | 2020-2-25 16:05 | 显示全部楼层 |阅读模式

JavaScript模拟时间播放显示界面案例教程
代码如下
  1.     <div class="time">
  2.         <div class="hour"></div>
  3.         <div class="fen"></div>
  4.         <div class="miao"></div>
  5.     </div>
  6.     <script>
  7.         var date = new Date();
  8.         var h = date.getHours();
  9.         var f = date.getMinutes();
  10.         var m = date.getSeconds();
  11.         var hour = document.querySelector('.hour');
  12.         var fen = document.querySelector('.fen');
  13.         var miao = document.querySelector('.miao');
  14.         zidiu();
  15.         setInterval(zidiu, 1000);

  16.         function zidiu() {
  17.             hour.innerHTML = '时:' + h;
  18.             fen.innerHTML = '分:' + f;
  19.             miao.innerHTML = '秒:' + m;
  20.         }
  21.     </script>
复制代码

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

UID
1
贡献
387
丢币
38902
主题
4607
回帖
116
注册时间
2018-9-25
最后登录
2024-3-24