js_計時器之setInterval

時間 2020-06-22

原文原文鏈接

<!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>
<title></title>
<script type="text/javascript">
var intervalId;
window.onload = function () {
//點擊這個按鈕,啓動中間的計時器， setInterval計時器須要傳遞兩個參數，一個是一個函數，一個是時間
document.getElementById('btnStart').onclick = function () {
//啓動一個計時器
intervalId = setInterval(function () {
document.getElementById('txt1').value++;
// //0.獲取文本框對象
// var txtObj = document.getElementById('txt1');
// txtObj.value++;
// // txtObj.value = ++txtObj.value;
// // //每隔一秒鐘執行一次這裏的代碼
// // //讓文本框中的數字累加
// // //1.獲取文本框中原來的值
// // var v = txtObj.value;
// // //2.加1
// // v = parseInt(v) + 1; 將字符串轉換成int類型的值
// // //3.將新值再賦值給文本框
// // txtObj.value = v;
}, 1000);
};javascript

//中止
document.getElementById('btnStop').onclick = function () {
clearInterval(intervalId);
};
};
</script>
</head>
<body>
<input type="text" name="name" value="0" id="txt1" />
<input type="button" name="name" value="start" id="btnStart" />
<input type="button" name="name" value="stop" id="btnStop" />
</body>
</html>html