title: setInterval is not working with my function
body: <p>I'm trying to build an analog clock.</p>
  
  <pre><code>second_hand = document.getElementById('second_hand');
  </code></pre>
  
  <p>I have a <code>function</code> that get the time.</p>
  
  <pre><code>function getTime() {
    var date = new Date(),
    second = date.getSeconds();
  
    return second;
  }
  </code></pre>
  
  <p>Then I have a <code>function</code> that rotate the hand. </p>
  
  <pre><code>function rotateHand(hand) {
    var second = getTime();
    hand.style.transformOrigin = "0 100%";
    hand.style.transform = 'rotate(' + second * 6 + 'deg)';
  }
  </code></pre>
  
  <p>Then I am using a <code>setInterval</code> to update my <code>rotateHand()</code> every second.</p>
  
  <pre><code>setInterval(rotateHand(second_hand), 1000); 
  </code></pre>
  
  <p>But my hand is not updating(moving) every second. What is wrong? </p>
  
  <p>Here is a version of this:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>second_hand = document.getElementById('second_hand');
  function getTime() {
    var date = new Date(),
    second = date.getSeconds();
  
    return second;
  }
  function rotateHand(hand) {
    var second = getTime();
    hand.style.transformOrigin = "0 100%";
    hand.style.transform = 'rotate(' + second * 6 + 'deg)';
  }
  
  setInterval(rotateHand(second_hand), 1000);</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="second_hand"&gt;hiiiiiiiiii&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>