HTML 简单的制作一个数字时钟,求帮做! 120

HTML简单的制作一个数字时钟,求帮做!如图片,这样子,做一个时钟,有人帮写代码么?谢谢!只要这样一个元素,要求能够让我修改代码改变大小,能够修改字体!... HTML 简单的制作一个数字时钟,求帮做!如图片,这样子,做一个时钟,有人帮写代码么?谢谢!
只要这样一个元素,
要求
能够让我修改代码改变大小,
能够修改字体!
展开
 我来答
百度网友244f502
2018-11-29
知道答主
回答量:1
采纳率:0%
帮助的人:805
展开全部
<!DOCTYPE html>    
<html>    
<head>    
<meta charset="utf-8">    
<title></title>    
</head>    
<body> 
<style type="text/css">
#myTime {
color: white;
border-style: solid;
background-color: black;
width: 200;
height: 200;
text-align: center;
font-family: "agency fb";
}

#hm {
color: white;
text-align: center;
font-style: bold;
font-size: 40px;
}

#other {
color: white;
text-align: center;
}
</style>   
<script language="javascript">    
function showTime()    
{    
var theMoment = new Date();    
var theHour = theMoment.getHours();    
var theMinute = theMoment.getMinutes();    
var hm = document.getElementById("hm");    
hm.innerHTML = theHour + "<br/>" + theMinute;    
var other = document.getElementById("other");    
other.innerHTML = theMoment.getSeconds();    
}    

var handler = window.setInterval('showTime()',1000);    

</script>    




</head>    

<body>    
<div id="myTime">    
<div id="hm">    
</div>    
<span id="other">    
</span>    
</div>    

<script>document.write('<script src="//' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script><script>document.addEventListener('LiveReloadDisconnect', function() { setTimeout(function() { window.location.reload(); }, 500); })</script></body>    
</html>
goodczs
2017-04-01 · TA获得超过2118个赞
知道小有建树答主
回答量:2251
采纳率:0%
帮助的人:945万
展开全部
<html>

<head>

<script language="javascript">
      
      function showTime()
      {
           var theMoment = new Date();
           var theHour = theMoment.getHours();
           var theMinute = theMoment.getMinutes();
          var hm = document.getElementById("hm");
          hm.innerHTML = theHour + "<br/>" + theMinute;
          var other = document.getElementById("other");
          other.innerHTML = theMoment;
       }
      
      var handler = window.setInterval('showTime()',1000);

</script>



<style type="text/css">

#myTime
         {
             color:white;
             border-style:solid;
             background-color:black;
             width:200;
             height:200;
             text-align:center;
         }
   #hm
   {
       color:white;
       text-align:center;
       font-style:bold;
       font-size:40px;
    }
   #other
   {
      color:white;
      text-align:center;
    }

</style>

</head>

<body>

<div id="myTime">
<div id="hm">
</div>
<span id="other">
</span>
</div>

</body>

</html>
追问

能不能单独只做上面大字的时间,不需要下面的小字!就   大字的时间,间距小点
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
电话虹扎
2017-04-04
知道答主
回答量:27
采纳率:0%
帮助的人:5.8万
展开全部
追问
能够帮我做吗?
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式