fizz
12/24/2012 - 12:30 AM

LICENSE.txt

LICENSE.txt
content_copyfile_download
            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
                    Version 2, December 2004

 Copyright (C) 2011 Jed Schmidt <http://jed.is>

 Everyone is permitted to copy and distribute verbatim or modified
 copies of this license document, and changing it is allowed as long
 as the name is changed.

            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION

  0. You just DO WHAT THE FUCK YOU WANT TO.
annotated.js
content_copyfile_download
// a function that returns an animated loading DOM spinner,
// which cycles from ◴ to ◷ to ◶ to ◵ and back again.

function(
  a                // spinner revs per second (optional)
){
  function b(){    // an updater function, which
    a.innerHTML =  // sets the inner HTML of the spinner
      "◴◷◶◵"       // to one of the pie unicode glyphs:
      .charAt(     // particularly, the one at
        b = -~b%4  // the incremented counter from 0 to 3
      )
  };

  setInterval(     // repeatedly call
    b,             // the updater function
    250 / (a||1)   // a*4 times a second
  );

  b(                    // kick the updater function off
    a = document        // by creating and assigning
    .createElement("b") // a dummy node
  );

  return a         // return the spinner
}
index.js
content_copyfile_download
function(a){function b(){a.innerHTML="◴◷◶◵".charAt(b=-~b%4)};setInterval(b,250/(a||1));b(a=document.createElement("b"));return a}
package.json
content_copyfile_download
{
  "name": "spinner",

  "description": "An animated loading DOM spinner.",

  "keywords": [
    "animated",
    "loading",
    "DOM",
    "spinner"
  ]
}
test.html
content_copyfile_download
<!DOCTYPE html>
<html>
  <head>
    <title>Spinner test</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style>div {font-size: 300%}</style>
  </head>
  <body>
    <div>Spins at 1rps: <span id="spinner1"></span></div>
    <div>Spins at 2rps: <span id="spinner2"></span></div>
    <div>Spins at 3rps: <span id="spinner3"></span></div>
    <script>
      var spinner = function(a){function b(){a.innerHTML="◴◷◶◵".charAt(b=-~b%4)};setInterval(b,250/(a||1));b(a=document.createElement("b"));return a}
        , i = 4

      while (i-->1) document.getElementById("spinner" + i).appendChild(spinner(i))
    </script>
  </body>
</html>