时间效果
在网页上显示系统当前时间或者,显示年月日时分秒,都可以用js实现;主要用到Date对象和window对象里面的setTimeout()方法.
<script type="text/javascript" language="javascript">function show(){var date=new Date();var month=date.getMonth();//月var year=date.getYear();//年var day=date.getDate();//天var week=date.getDay();//获取星期var now="";if(week=="0"){now="星期天"}if(week=="1"){now="星期一"}if(week=="2"){now="星期二"}if(week=="3"){now="星期三"}if(week=="4"){now="星期四"}if(week=="5"){now="星期五"}if(week=="6"){now="星期六"}var hour=date.getHours();//时var minute=date.getMinutes();//分var second=date.getSeconds();//秒var span=document.getElementById("date");span.innerHTML="现在时间是:"+year+"年"+(parseInt(month)+1).toString()+"月"+"<strong style=\"color:#f00;\">"+now+"</strong>"+day+"日"+hour+"时"+minute+"分"+second+"秒"var div=document.getElementById("time");div.innerHTML=date.toLocaleString();div.style.fontSize="30px";div.style.color="#fff";div.style.width="316px";div.style.backgroundColor="#f0f";div.style.fontWeight="bold";window.setTimeout(show,1000);//关键在这里//setInterval(show,1000);}window.onload=show;//加载页面时显示时间</script>?以下是html页面的代码:
<body>显示时钟<br /><span id="date">年月日</span><div id="time">系统当前时间</div></body>
?