HTML制作网页动态时钟教程

来源：懂视网责编：小采时间：2020-11-27 15:28:40

HTML制作网页动态时钟教程

HTML制作网页动态时钟教程:本文通过实例代码给大家介绍了HTML写一个网页动态时钟效果，需要的的朋友参考下吧用html写一个动态网页时钟，代码如下所示：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <

推荐度：

点击下载本文 文档为doc格式

导读HTML制作网页动态时钟教程:本文通过实例代码给大家介绍了HTML写一个网页动态时钟效果，需要的的朋友参考下吧用html写一个动态网页时钟，代码如下所示：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <

本文通过实例代码给大家介绍了HTML写一个网页动态时钟效果，需要的的朋友参考下吧

用html写一个动态网页时钟，代码如下所示：

<!DOCTYPE html> 
<html> 
 <head> 
 <meta charset="UTF-8"> 
 <title>时钟特效</title> 
 </head> 
 <script type="text/javascript"> 
 function disptime(){ 
 var today=new Date(); 
 var hh=today.getHours(); 
 var mm=today.getMinutes(); 
 var ss = today.getSeconds(); 
 document.getElementById("myclock").innerHTML="<h1>现在是—"+hh+":"+mm+":"+ss+"</h1>" 
 
 } 
 //setInterval（）方法可以按照指定的周期调用函数或计算表达式 
 var mytime = setInterval("disptime()",1000); 
 </script> 
 <body onload="disptime()"> 
 <p id="myclock"></p> 
 </body> 
</html>

HTML制作网页动态时钟教程

推荐度：

点击下载本文 文档为doc格式

标签：教程网页时钟

热门焦点

HTML制作网页动态时钟教程

HTML制作网页动态时钟教程

HTML制作网页动态时钟教程

最新推荐

猜你喜欢

热门推荐