[my daugher is waiting for her school run....and I'm still playing with ChatGPT!]
Yes, I'm familiar with the Norton spinning control animation. It was a popular animation that Norton Utilities, a suite of disk and system utilities for MS-DOS, displayed while it was running disk optimization or defragmentation. The animation featured a spinning disk with a check mark on it, and the disk would spin faster and faster as the optimization progressed.
show it to me
can you create the code I could run in the browser for this classic spinning control?
that's close but not exactly like I remember it. The sequence of rotating "-\-/" is missing
sorry, you lost context again. Now I only get is an empty square?
<!DOCTYPE html>
<html>
<head>
<style>
#spinner {
width: 30px;
height: 30px;
border: 1px solid black;
font-size: 20px;
text-align: center;
line-height: 30px;
}
</style>
</head>
<body>
<div id="spinner"></div>
<script>
var spinner = document.getElementById("spinner");
var sequence = "-\\|/";
var index = 0;
setInterval(function() {
spinner.innerHTML = sequence.charAt(index);
index = (index + 1) % sequence.length;
}, 100);
</script>
</body>
</html>
yes, that's very close
I'm glad it's close! If you want to adjust the size or speed of the spinning animation, you can modify the
SIZE and SPEED constants at the top of the JavaScript code.
No comments:
Post a Comment