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

js实现页面时钟

2014-03-13 11:06 525 查看

<body onload="setInterval(nowtime,1000)">
<form id="main" method="post" runat="server">
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ebebeb">
<tr>
<td width="53%" height="63">
<div align="center">
<table width="519" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="519">
<div align="left">
<img src="../images/logoMain.gif" width="518" height="62" /></div>
</td>
</tr>
</table>
</div>
</td>
<td width="47%" align="right">

<script language="JavaScript">
today = new Date();
function initArray() {
this.length = initArray.arguments.length
for (var i = 0; i < this.length; i++)
this[i + 1] = initArray.arguments[i]
}
var d = new initArray(
"星期日",
"星期一",
"星期二",
"星期三",
"星期四",
"星期五",
"星期六");
document.write(
"",
today.getYear(), "年",
today.getMonth() + 1, "月",
today.getDate(), "日 ",
d[today.getDay() + 1],
"");
</script>

<img align="absMiddle" src="../images/time.gif" />
<span id="t1">

<script language="javascript">

　　　　　　　　todaytime1 = new Date();

　　　　　　　　t1.innerText = todaytime1.getHours() + '：' + todaytime1.getMinutes() + '：' + todaytime1.getSeconds();

</script>

</span>

<script language="javascript">
function nowtime() {
todaytime = new Date();
t1.innerText = todaytime.getHours() + '：' + todaytime.getMinutes() + '：' + todaytime.getSeconds()
}
</script>

</td>
</tr>
</table>

</form>

</body>

效果：

时间自动走动

主要注意body中onload事件触发

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

标签：

相关文章推荐

新的分享

章节导航