HTML页面显示时间 |
您所在的位置：网站首页 › 北京时间分秒在线显示 › HTML页面显示时间 |
HTML页面显示时间
|
HTML页面显示时间——网页数字时钟、钟表
一个HTML网页上动态显示系统时间，可以使用javascript的Date对象，在javascript中new 一个date对象，并且根据这个date对象获取相应的时间日期的具体日期时间，比如 年 月 日 时分秒，星期等信息。 下面从简单到复杂给出一些示例。 示例1，效果如下：
源码如下： 实时显示系统时间B function getD1(){ var date=new Date(); var d1=date.toLocaleString(); document.getElementById("datetime").innerHTML =d1; } setInterval("getD1();",1000); /div>示例2，效果如下：
源码如下： 实时显示系统时间C var i=0; function myDate(){ var now=new Date(); var year=now.getFullYear(); var month=now.getMonth()+1; var day=now.getDate(); var hours=now.getHours(); var minutes=now.getMinutes(); var seconds=now.getSeconds(); document.getElementById("div").innerHTML=year+"年"+month+"月"+day+"日"+hours+"："+minutes+"："+seconds; } setInterval(myDate,1000);示例3，效果如下：
源码如下： 动态时钟 #clock{ margin:100px auto; border: 5px double green; width: 400px; height: 100px; line-height: 100px; text-align: center; font: bold; color: red; } function showTime(clock){ var now = new Date(); var year = now.getFullYear(); var month= now.getMonth(); var day = now.getDate(); var hour = now.getHours(); var minu = now.getMinutes(); var second = now.getSeconds(); month = month+1; var arr_work = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); var week = arr_work[ now.getDay()]; var time = year+"年"+month+"月"+day+"日 "+ week+" "+hour+":"+minu+":"+second; clock.innerHTML="当前时间: "+time; } window.onload = function(){ var clock = document.getElementById("clock"); window.setInterval("showTime(clock)",1000); }示例4，效果如下：
源码如下： |
【本文地址】