回転するテキスト
以下はJavaScriptを使用した高速回転するテキストを実装した例です。セキュリティ脆弱性がないように注意して実装しています。
```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>高速回転するテキスト</title>
</head>
<body>
<button onClick="startRotation()">回転開始</button>
<button onClick="stopRotation()">回転停止</button>
<div id="text">回転するテキスト</div>
<script>
let intervalID;
function startRotation() {
intervalID = setInterval(rotateText, 50);
}
function stopRotation() {
clearInterval(intervalID);
}
function rotateText() {
const textElem = document.getElementById("text");
const currentText = textElem.innerText;
const firstChar = currentText[0];
const slicedText = currentText.slice(1);
const rotatedText = slicedText + firstChar;
textElem.innerText = rotatedText;
}
</script>
</body>
</html>
```
「回転するテキスト」というと、スピンするようなイメージですが、ここでは文字列を1文字ずつまわしているだけです。このアプリを見た人には「高速回転している」と思わせるため、ボタンの名前を「回転開始」「回転停止」としています。