TalkPHP - View Single Post

Krik · 04-04-2009, 09:47 PM

Here is the entire sample code I have been testing with. I used your original post and made the javascript work with it.

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>

<script type="text/javascript">
var rowcount = 4;
function multiCountDown(){

var endcount = true;
    for (var nextrow = 1; nextrow <= rowcount; nextrow++) {
        if (document.getElementById('mycount'+nextrow).innerHTML != 0) {
            document.getElementById('mycount'+nextrow).innerHTML = document.getElementById('mycount'+nextrow).innerHTML - 1;
            endcount = false;
        }
    }
    if(!endcount) {
	    var sectimer = Math.round(1000 - (rowcount / 2 ));
        counter = setTimeout("multiCountDown();", sectimer);
    }
    else {
        clearTimeout(counter);
    }
}
</script>

</head>

<body onload="multiCountDown()">

<table width="750" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td><div align="center">#</div></td>
    <td><div align="center">Countdown</div></td>
    <td><div align="center">Username</div></td>
    <td><div align="center">Location</div></td>
  </tr>

  <tr>
    <td><div align="center">1</div></td>
    <td><div align="center"><div id="mycount1">85</div></div></td>
    <td><div align="center">johnd</div></td>
    <td><div align="center">NY</div></td>
  </tr>
  <tr>

    <td><div align="center">2</div></td>
    <td><div align="center"><div id="mycount2">9</div></div></td>
    <td><div align="center">janed</div></td>
    <td><div align="center">NY</div></td>
  </tr>
  <tr>
    <td><div align="center">3</div></td>

    <td><div align="center"><div id="mycount3">2051</div></div></td>
    <td><div align="center">jakep</div></td>
    <td><div align="center">CT</div></td>
  </tr>
  <tr>
    <td><div align="center">4</div></td>
    <td><div align="center"><div id="mycount4">30</div></div></td>

    <td><div align="center">johns</div></td>
    <td><div align="center">CT</div></td>
  </tr>
</table>

</body>
</html>