Rumah >hujung hadapan web >html tutorial >HTML制作网页动态时钟教程
HTML制作网页动态时钟教程
- 巴扎黑asal
- 2017-09-02 09:58:467185semak imbas
本文通过实例代码给大家介绍了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>
Atas ialah kandungan terperinci HTML制作网页动态时钟教程. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：实例展示DIV+CSS实现电台列表Artikel seterusnya：html5中sse服务器发送事件EventSource相关介绍