时间戳

首页 > 解决方案 > 如何减小日期显示器中特定元素的字体大小

javascript - 如何减小日期显示器中特定元素的字体大小

问题描述

我正在用 html 创建一个网站。我想做的是减小小时、分钟和秒计数器的大小，但保持日、月和年计数器的大小。将 2 拆分为单独的 id 似乎不起作用，只显示日、月和年。这是我的代码：

<html>
<head><title>My website</title>
<style type=text/css>
.clock {background-color: 000000; text-align: center; margin: 2px 0px 0px 1190px; font-size: 30px; position: fixed; border-radius: 10px;   color: #fff; text-shadow: 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff; border: 5px solid white;}
div {margin: 2px;}
body {background-color: 0d0d0d; font-family: "Vibur", sans-serif;}
</style>
</head>
<body>
  <p id="date" class="clock"></p>
  <script>
  setInterval(function(){
  date = new Date();
  sekundy = date.getSeconds();
  if (sekundy<10) sekundy = "0"+sekundy;
   minuty = date.getMinutes();
  if (minuty<10) minuty = "0"+minuty;
   godziny = date.getHours()
  if (godziny<10) godziny = "0"+godziny;
   dzien = date.getDay();
   data = date.getDate();
   miesiac = date.getMonth();
   rok = date.getFullYear();
  document.getElementById('date').innerHTML = data+"."+((miesiac+1)%12)+"."+rok+"<br>"+godziny+" : "+minuty+" : "+sekundy;
  },1000);
  </script>
</body>
</html>
我很乐意为解决这个问题提供任何帮助。

标签： javascripthtml

解决方案

推荐阅读