CSSは動作に影響しない為、割愛する。

◆使い方
「Start」ボタンをクリックする。

◆動作
経過時間が300ms毎にコンソールに出力される。

◆説明
ES5のWorkerを利用し、バックグラウンドで300msｘ10回までカウントする。

HTML

Hello, world!

Start

Stop

title

body

Javascript

self.addEventListener('message', (e) => {

let id;

let totalTime = 300;

function updateTimer() {

totalTime += 300;

if(++id > 10){

self.clearInterval(id)

} else {

self.postMessage(totalTime);

}

}

id = setInterval(updateTimer, 300);

}, false);