您的位置：首页 > Web前端 > JavaScript

js动态时钟

2013-11-26 17:30 351 查看

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>动态时钟</title>

<script type="text/javascript">

function showDate(){

var today=new Date();

var year=today.getFullYear();

var month=today.getMonth()+1;

var day=today.getDate();

var week=today.getDay();

switch(week){

case 0:week="日";break;

case 1:week="一";break;

case 2:week="二";break;

case 3:week="三";break;

case 4:week="四";break;

case 5:week="五";break;

case 6:week="六";break;

}

var h=today.getHours();

var m=today.getMinutes();

if(m<10){

m="0"+m;

}

var s=today.getSeconds();

if(s<10){

s="0"+s;

}

document.getElementById("msg1").innerHTML="今天是"+year+"年"+month+"月"+day+"日"+" 星期"+week+"<br/>";

document.getElementById("msg2").innerHTML="现在时间："+h+":"+m+":"+s;

}

setInterval("showDate()",1000);//每1000毫秒调用一次该方法

</script>

</head>

<body onload="showDate();">

<div id="msg1"></div>

<div id="msg2"></div>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航