luckylooke/spinner.html

## spinner.html
<!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>
	<!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>