title: How would you loop every 30 minutes
body: <p>Trying to make a <code>for</code> loop that has the <code>HHMM</code> outputted in a <code>data-time</code> HTML field.</p>
  
  <p>I currently have:</p>
  
  <pre class="lang-php prettyprint-override"><code>for ($i = 1; $i &lt;= 20; ++$i) {
      echo '&lt;div class="mb-timer-hour"&gt;&lt;div class="mb-timer-half" data-time="0830"&gt;&lt;/div&gt;&lt;/div&gt;';
  }
  </code></pre>
  
  <p>Except this outputs <code>data-time="0830"</code> every time.</p>
  
  <p>I then tried <code>$h = 30; $h + 30</code> but this then goes: <code>0800, 0830, 0860, 0890, ...</code></p>
  
  <p>Is it possible to loop <code>0800, 0830, 0900, 0930, ...</code>? </p>
  
  <p>The start time and end times are user variables which is why I haven't hard coded an array.</p>
  
  <p>The output I was hoping for was:</p>
  
  <pre class="lang-php prettyprint-override"><code>
  &lt;div class="mb-timer-hour"&gt;&lt;div class="mb-timer-half" data-time="0830"&gt;&lt;/div&gt;&lt;/div&gt;
  &lt;div class="mb-timer-hour"&gt;&lt;div class="mb-timer-half" data-time="0930"&gt;&lt;/div&gt;&lt;/div&gt;
  &lt;div class="mb-timer-hour"&gt;&lt;div class="mb-timer-half" data-time="1030"&gt;&lt;/div&gt;&lt;/div&gt;
  ...
  &lt;div class="mb-timer-hour"&gt;&lt;div class="mb-timer-half" data-time="1730"&gt;&lt;/div&gt;&lt;/div&gt;
  </code></pre>