JSでタイマー機能を実装する方法

JavaScriptでは、setTimeout()とsetInterval()という関数がタイマー機能を実現するために利用できます。

1. setTimeout()

let count = 0;
function timer() {
count++;
console.log(count);
setTimeout(timer, 1000); // 1秒后再次调用timer函数
}
timer(); // 开始计时

このコードでは、timer()関数は呼び出されるたびにcount変数を増加させてその値を出力したあと、setTimeout()関数を使用して1秒後にtimer()関数を再び呼び出します。これにより、タイマーの機能が実現します。

1. setInterval()

let count = 0;
function timer() {
count++;
console.log(count);
}
let interval = setInterval(timer, 1000); // 每隔1秒执行一次timer函数
// 停止计时
setTimeout(function() {
clearInterval(interval); // 取消计时器
}, 5000); // 5秒后停止计时

タイマー()関数は呼び出される度にcount変数をインクリメントしてその値を出力します。setInterval()関数はタイマー()関数を1秒ごとに呼び出すのでタイマーの機能を果たします。また、setTimeout()関数は5秒後にclearInterval()関数を呼び出してタイマーを停止します。