settimeoutとsetIntval
テキストリンク
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<!-- -->
<span id="seconds_content">0</span>
<!-- -->
<button type="button" id="start" name="button">start</button>
<!-- -->
<button type="button" id="stop" name="button">stop</button>
</body>
<script>
//
// (function () {
// var seconds_content = document.getElementById("seconds_content");
// var start_btn = document.getElementById("start");
// var stop_btn = document.getElementById("stop");
// var count = 0;
// var time_count;
// function setTimer() {
// time_count = setInterval(() => {
// count++;
// seconds_content.innerHTML = count;
// }, 1000);
// }
// start_btn.addEventListener("click", () =>{
// count = seconds_content.innerHTML;
// clearInterval(time_count);
// setTimer();
// });
// stop_btn.addEventListener("click", () => {
// clearTimeout(time_count);
// count = 0;
// seconds_content.innerHTML = count;
// });
// })()
// (function () {
// var seconds_content = document.getElementById("seconds_content");
// var start_btn = document.getElementById("start");
// var stop_btn = document.getElementById("stop");
// var count = 0;
// var time_count;
// function intervalLike() {
// time_count = setTimeout(() => {
// seconds_content.innerHTML = count;
// count++;
// intervalLike();
// }, 1000);
// }
// start_btn.addEventListener("click", () =>{
// intervalLike();
// });
// stop_btn.addEventListener("click", () => {
// clearTimeout(time_count);
// count = 0;
// seconds_content.innerHTML = count;
// });
// })()
// (function () {
// var seconds_content = document.getElementById("seconds_content");
// var start_btn = document.getElementById("start");
// var stop_btn = document.getElementById("stop");
// var count = 0;
// var time_count;
// start_btn.addEventListener("click",function () {
// seconds_content.innerHTML = count;
// time_count = setInterval(() => {
// count++;
// seconds_content.innerHTML = count;
// }, 1000);
// });
// stop_btn.addEventListener("click",()=>{
// clearInterval(time_count);
// count = 0;
// seconds_content.innerHTML = count;
// });
// })()
// (function () {
// //
// var seconds_content = document.getElementById("seconds_content");
// // 【 】
// var start_btn = document.getElementById("start");
// // 【 】
// var stop_btn = document.getElementById("stop");
// var count = 0;
// var time_count;
// // ， ，
// start_btn.addEventListener("click", function (event) {
// seconds_content.innerHTML = count;
// time_count = setInterval(function () {
// count++;
// seconds_content.innerHTML = count;
// }, 1000);
// });
// // ， ，
// stop_btn.addEventListener("click", function (event) {
// clearInterval(time_count);
// count = 0;
// seconds_content.innerHTML = count;
// });
// })();
// (function () {
// //
// var seconds_content = document.getElementById("seconds_content");
// // 【 】
// var start_btn = document.getElementById("start");
// // 【 】
// var stop_btn = document.getElementById("stop");
// var count = 0;
// var time_count;
// function intervalLike() {
// time_count = setTimeout(function () {
// count++;
// seconds_content.innerHTML = count;
// // ， setInterval
// intervalLike();
// }, 1000);
// }
// // ， ，
// start_btn.addEventListener("click", function (event) {
// intervalLike();
// });
// // ， ，
// stop_btn.addEventListener("click", function (event) {
// clearInterval(time_count);
// count = 0;
// seconds_content.innerHTML = count;
// });
// })();
</script>
</html>