今天實習第一次寫代碼,很簡單,實現一個計時效果,但是我還是折騰了很久。。。
爲自己的智商感到惶恐。各種白癡錯誤啊
下面是代碼
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="content-Type" content="text/html; charset=utf-8 "/>
<script type="text/javascript">
function settime(a){
if(a<10)
a = "0"+a;
return a;
}
h = 0;
m = 0;
s = 0;
function starttime(){
var showh = settime(h);
var showm = settime(m);
var shows = settime(s);
document.getElementById("showtime").innerHTML=showh+":"+showm+":"+shows;
s++;
if(s == 60)
{
s = 0;
m++;
}
if(m == 60){
m = 0;
h++;
}
t = setTimeout("starttime()",1000);
}
function endtime() {
clearTimeout(t);
}
</script>
</head>
<body>
<div id="showtime"></div>
<form>
<input type="button" value="開始" id = "start" οnclick="starttime()"/>
<input type="button" value="停止" id = "end" οnclick="endtime()"/>
</form>
</body>
</html>
所犯錯誤:
1. jquery忘記了
2. jquery的元素選擇器返回的跟原生DOM操作返回的不是一個東西。前者返回封裝好的jquery對象