js从入门到精通（4）中例子的错误更改

来源：互联网发布：小米盒子网络共享设备编辑：程序博客网时间：2024/05/21 10:13

这个教程里的例子稍微长一点的好像都有些不大不小的错误，有点让我这种初学者头痛的感觉。不过在通过自己不懈的努力后修正了错误之后满足感，成就感还是有不少的。

错误：

1：function showClock() {
}
function hideClock() {
}这两句完全没有作用。。。去掉

2：
少了document.getElementById("t").innerHTML= timeval;

这两行行代码，这直接导致的结果timeval没有绑定在控件上时间不能更新。

3：在function windowOpener(indexnum){}这个方法中参数indexnum完全没有用。

4：在<form NAME="clock" onSubmit="0">中表单的提交没有任何动作

改为<form NAME = "clock" onSubmit = "windowOpener();">就可以了。

代码完全更改后如下：

时钟显示：

<title>Ê±ÖÓ</title>
<script TYPE="text/javascript">
var timerID = null;
var timerRunning = false;
function stopClock(){
if(timerRunning) clearTimeout(timerID);
timerRunning = false;
document.clock.face.value = "";
}

function showTime(){
var now = new Date();
var year = now.getYear();
var month = now.getMonth()+1;
var date = now.getDate();
var hours = now.getHours();
var mins = now.getMinutes();
var secs = now.getSeconds();
var timeval = "";
timeval += ((hours <=12) ? hours : hours-12);
timeval += ((mins <10) ? ":0" : ":") + mins;
timeval += ((secs <=10) ? ":0" : ":")+secs;
timeval += ((hours <12) ? "AM" : "PM");
timeval += ((month<10) ? "on 0" : "on") + month + "-";
timeval += date + "-" + year;
document.getElementById("t").innerHTML= timeval;
window.setTimeout("showTime();",1000);

}

function startClock(){
stopClock();
showTime();
}
window.onload=showTime

</script>
<div id="t"></div>
</head>
</html>

弹出date.html的代码：

}

function startClock(){
stopClock();
showTime();
}
window.onload=showTime

</script>
<div id="t"></div>
</head>
</html>