Give parameters to a function called by setInterval - php

Question

I have the following function:
<script>
var count=900;
var countM;
var counter=setInterval(timer, 1000); //1000 will run it every 1 second
function timer()
{
count=count-1;
countM=Math.floor(count/60);
if (count <= 0)
{
clearInterval(counter);
return;
}
for(var i=0; i<10; i++)
{
document.getElementById("timer"+i).innerHTML=countM+"mins. "+(count%60)+ " secs"; // watch for spelling
}
}
</script>
And I am displaying it like this:
<span id="<?php echo "timer".$theCounter; ?>"></span>
$theCounter++;
The problem its that I want to call it giving it a parameter, which will be count and I have no idea how to do it.

Answer 1

'I want to call it giving it a parameter, which will be "count"'
Something like the following:
function createTimer(count) {
var countM,
counter=setInterval(timer, 1000);
function timer()
{
count -= 1;
countM = Math.floor(count/60);
if (count <= 0) {
clearInterval(counter);
return;
}
for(var i=0; i<10; i++) {
document.getElementById("timer"+i).innerHTML=countM+"mins. "+(count%60)+ " secs";
}
}
}
...will give you a function, createTimer(), that you can call with a parameter for the count:
createTimer(900);
If you're saying you want different spans to have different counters then you can do this:
function createTimer(count, elementID) {
// code exactly the same as above function except
// remove the `for` loop and just reference the elementID
// passed into the function:
document.getElementById(elementID).innerHTML=countM+"mins. "+(count%60)+ " secs";
}
createTimer(900, 'timer1');
createTimer(200, 'timer2');
// etc.
Demo: http://jsfiddle.net/dUTk3/1/

Answer 2

Like this?
var counter = window.setInterval(function() {
timer('parameter');
}, 1000);
I do not see what is the relationship between the javascript and PHP parts.

Answer 3

Use the bind function prototype to create a function with default parameters.
timer.bind(null,count-1);
The first argument is function context (null means global), optional following parameters is set tho function arguments from left. The result is new function. So in your code:
function timer(count) {
console.log(count); // do some stuff
if(count>0) setTimeout(timer.bind(null,count-1),1000);
}
timer(10); // counts from 10 to 0 in 1s interval
See the fiddle