<!doctype html><html><head><title>Passing Arguments to Javascript setTimeout() Timer Functionality - RJM Programming - March, 2017</title>
<script type='text/javascript'>
function startTheBallRolling() {
document.getElementById('myta').value='<!doctype html><html>' + document.head.outerHTML + document.body.outerHTML + '</html>';
setTimeout(counter.bind(null, 1), 1000);
}

function counter(innum) {
var suffix="th";
if (eval(innum % 10) == 1 && innum != 11 && eval(innum % 100) != 11) {
suffix="st";
} else if (eval(innum % 10) == 2 && innum != 12 && eval(innum % 100) != 12) {
suffix="nd";
} else if (eval(innum % 10) == 3 && innum != 13 && eval(innum % 100) != 13) {
suffix="rd";
} else {
suffix="th";
}
document.getElementById('mycounter').innerHTML=innum + suffix + " call of setTimeout(counter.bind(null, " + innum + "),1000)";
setTimeout(counter.bind(null, eval(1 + innum)), 1000);
}
</script>
<script type='text/javascript' src='argument_to_setTimeout.js'></script>
</head>
<body onload=' startTheBallRolling(); ' style='background-color:orange;'>
<h1 style='width:100%;text-align:center;'>Passing Arguments to Javascript setTimeout() Timer Functionality</h1><h3 style='width:100%;text-align:center;'>RJM Programming - March, 2017</h3>
<div id='mycounter' style='width:100%;text-align:center;font-size:100px;'></div><textarea style='background-color:lightgray;width:100%;height:575px;' id='myta'></textarea>
</body></html>