您的位置：首页 > 其它

静态页面中显示系统时间

2012-08-03 14:57 260 查看

<html>

<head>

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

<title>年月日时分秒的即时显示</title>

</head>

<body onload=startclock()>

<form name="clock">

<script language="JavaScript">

var timerID = null;

var timerRunning = false;

function stopclock (){

if(timerRunning)

clearTimeout(timerID);

timerRunning = false;}

function startclock () {

stopclock();

showtime();}

function showtime () {

var now = new Date();

var hours = now.getHours();

var minutes = now.getMinutes();

var seconds = now.getSeconds()

var timeValue = now.getYear()+"年"+(now.getMonth()+1)+"月"+now.getDate()+"日" +((hours >= 12) ? " 下午 " : " 上午 " )

timeValue += ((hours >12) ? hours -12 :hours)

timeValue += ((minutes < 10) ? ":0" : ":") + minutes

timeValue += ((seconds < 10) ? ":0" : ":") + seconds

document.clock.thetime.value = timeValue;

timerID = setTimeout("showtime()",1000);

timerRunning = true;}

</script>

<input name="thetime" style="font-size: 9pt;color:#000000;border:1px solid #FFFFFF; ; " size="28"></form>

</body>

</html>

---- js显示动态时间始终不是一个好方法，在ie中js弹出的空间必须要允许才会显示，这种方法只能用在静态页面中。

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

标签：

相关文章推荐

新的分享

章节导航