Pure JavaScript spinner
| <!doctype html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Pure JS spinner</title> | |
| <style> | |
| #spinner { font-size: 6em; } | |
| </style> | |
| </head> | |
| <body> | |
| <div id="spinner"></div> | |
| <script> | |
| var chars = '┤┘┴└├┌┬┐'.split(''); | |
| var chars = '⣾⣽⣻⢿⡿⣟⣯⣷'.split(''); | |
| var chars = '⠁⠂⠄⡀⢀⠠⠐⠈'.split(''); | |
| var chars = '▖▘▝▗'.split(''); | |
| function spin() { | |
| var char = chars.shift(); | |
| document.querySelector('#spinner').innerHTML = char; | |
| chars.push(char); | |
| setTimeout(spin, 150); | |
| } | |
| spin(); | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment