画面を点滅させるアプリ
点滅中
以下は、指定した時間間隔で画面を点滅させるJavaScriptのコードです。
```html
<!DOCTYPE html>
<html>
<head>
<title>画面を点滅させるアプリ</title>
<style>
#blink {
visibility: hidden;
}
</style>
</head>
<body>
<h1>画面を点滅させるアプリ</h1>
<button onclick="startBlink()">点滅開始</button>
<button onclick="stopBlink()">点滅停止</button>
<div id="blink">点滅中</div>
<script>
var intervalId;
function startBlink() {
intervalId = setInterval(toggleVisibility, 1000); // 1秒ごとにtoggleVisibility()を実行
}
function stopBlink() {
clearInterval(intervalId); // 点滅停止
document.getElementById("blink").style.visibility = "hidden"; // テキストを非表示
}
function toggleVisibility() {
var blinkText = document.getElementById("blink");
if (blinkText.style.visibility === "hidden") {
blinkText.style.visibility = "visible";
} else {
blinkText.style.visibility = "hidden";
}
}
</script>
</body>
</html>
```
このコードでは、`startBlink()`関数を呼ぶことで画面が点滅を開始し、`stopBlink()`関数を呼ぶことで点滅を停止します。点滅中は`#blink`というidを持つdiv要素に"点滅中"というテキストが表示されます。また、1秒ごとに`toggleVisibility()`関数が呼ばれ、`#blink`の表示状態が切り替わります。
面白いジョークとしては、「なぜプログラマーは夜更かしをするのか? 『彼らは常に“点”(Application)と“滅”(Deadlock)に囲まれているからです!』」などがあります。