{{ block title }} Bonus Payment - Practice {{ endblock }}
{{ block content }}

<script>  
function checkTime(i) {
  if (i < 10) {
    i = "0" + i;
  }
  return i;
}

function checkTimems(i) {
  if (i < 10) {
    i = "00" + i;
  }
  else if (i < 100) {
    i = "0" + i;
  }
  return i;
}

function time() {
  var date = new Date();
  var hh = date.getHours();
  var mm = date.getMinutes();
  var ss = date.getSeconds();
  var ms = date.getMilliseconds();
  
  // adding 0 for single digits
  
  hh = checkTime(hh);
  mm = checkTime(mm);
  ss = checkTime(ss);
  ms = checkTimems(ms);
  document.getElementById('datebtn').innerHTML =  hh + ":" + mm + ":" + ss + "." + ms;

}


</script>

<p>
We use the millisecond of your computer's inner clock to determine your bonus payment. 
If the <b>last two digits</b> of the stopped clock is strictly less than the probability that you 
get the bonus payment, you will get $5 bonus, and if they are more, then you get nothing.
</p>

<p>
This is a practice page for you to get to know it is impossible to control the number 
because of the time it takes the human brain and hand to respond. Thus, the number 
generated by the timer game is random for all practical purposes.
</p>

<p>
You can show the time as many times as you want in this page. 
However, in the next page, you will only be able to click <b>once</b>.
</p>

<p>
The format of the time is: <br>hour:minute:second.millisecond
</p>

<font size=6><p id="datebtn" ></p></font>

<button id= "disappear" type="button" onclick="time()">click to show the time</button>



<br><br><br><br>



{{ next_button }}

{{ endblock }}