ASCII Spinners

Spinners

by Vloxxity

HTML

<pre id="spinner"></pre>

CSS

#spinner {
    font-family: FreeMono,monospace;
    margin: 1em;
    font-size: 1.5em;
    font-weight: bold;
}

JavaScript

var spins = [
    "←↖↑↗→↘↓↙",
    "▁▃▄▅▆▇█▇▆▅▄▃",
    "▉▊▋▌▍▎▏▎▍▌▋▊▉",
    "▖▘▝▗",
    "┤┘┴└├┌┬┐",
    "◢◣◤◥", /*---5---*/
    "◰◳◲◱",
    "◴◷◶◵",
    "◐◓◑◒",
    "|/-\\",
    ".oO@*", /*---10---*/
    ["◡◡", "⊙⊙", "◠◠"],
    "⣾⣽⣻⢿⡿⣟⣯⣷",
    "⠁⠂⠄⡀⢀⠠⠐⠈",
    [">))'>"," >))'>","  >))'>","   >))'>","    >))'>","   <'((<","  <'((<"," <'((<"],
    ];

var spin = spins[14],
    title$ = $('#spinner'),
    i = 0;

setInterval(function() {
    i = i == spin.length - 1 ? 0 : ++i;
    title$.text(spin[i]);
}, 300);