JavaScript Forum

**iternity** · 06-18-2007, 10:31 AM

I'm looking for a script that will count up from a given number and XX ammounts per minute. My english sucks, but I hope you can understand what I mean:

I like to have a sentence on my website like this: "We have printed 18.059.123 Business Cards."

The above number should be based on this: 16.500.000 is the start value, then per year I want added 3,15 million. That equals around 6 per minute.

Is there any hero out there able to build me this in PHP? This would save my ***...

Thanks for any help!

**akratellio** · 06-18-2007, 10:46 AM

Hi,

if you want to have this in php you will need a refresh every minute.
put your 16.500.000 in a form element an then add 6 while the page is refreshing.

I guess it would be much better to watch out for a js script

greetings akratellio

**iternity** · 06-18-2007, 10:47 AM

oh well... I have no clue how to do this... but thank you for your reply!

**iternity** · 06-18-2007, 04:34 PM

Anyone out there with help for me?

**mgraphic** · 06-18-2007, 07:57 PM

Add this between your html <head> tags:

Code:

<script language="javascript" type="text/javascript">
<!--
  
  var startCount = 16500000;
  var addPerMin = 6;
  
  function ProcessCounter() {
    document.getElementById('cnt').innerHTML = addCommas(String(cnt++));
    setTimeout('ProcessCounter()', SetTimeOutPeriod);
  }
  
  function PutSpan() {
    document.write('<span id="cnt"></span>');
  }
  
  function addCommas(nStr) {
   var rgx = /(\d+)(\d{3})/;
   while (rgx.test(nStr)) {
    nStr = nStr.replace(rgx, '$1' + ',' + '$2');
   }
   return nStr;
  }
  
  var cnt = startCount;
  var SetTimeOutPeriod = Math.floor((1000 * 60) / addPerMin);
  function displayCounter() {
    PutSpan();
    ProcessCounter();
  }
  
//-->
</script>

And add this where you want the number to display:

Code:

<script language="javascript" type="text/javascript">javascript:displayCounter();</script>

**iternity** · 04:20 PM

Wow!!! Thank you very much for your great help! Is there a way to have it saved (or compared with another number to get the same effect)?
Right now it starts fresh (at 16.5 mil.) on every page load but it should "remember" the already counted number.

So the script should show something like 18.05 mil. already (start value = 16.5 mil. + 3.1 mill / year [= 6 per second]) for this half new year added.

Again, thank you VERY much for your kind help!

**mgraphic** · 06-19-2007, 09:42 PM

You can do it with php:

PHP Code:


			
<?php
  
  $add_per_minute = 6;
  $starting_count_number   = 16500000;
  $starting_count_datetime = '06/19/2007 19:30:00';
  
?>
<script language="javascript" type="text/javascript">
<!--
  function ProcessCounter() {
    document.getElementById('cnt').innerHTML = addCommas(String(cnt++));
    setTimeout('ProcessCounter()', SetTimeOutPeriod);
  }
  function PutSpan() {
    document.write('<span id="cnt"></span>');
  }
  function addCommas(nStr) {
   var rgx = /(\d+)(\d{3})/;
   while (rgx.test(nStr)) {
    nStr = nStr.replace(rgx, '$1' + ',' + '$2');
   }
   return nStr;
  }
  var cnt = <?php echo $starting_count_number + floor(((time() - strtotime($starting_count_datetime)) / 60) * $add_per_minute); ?>;
  var SetTimeOutPeriod = Math.floor((1000 * 60) / <?php echo $add_per_minute; ?>);
  function displayCounter() {
    PutSpan();
    ProcessCounter();
  }
//-->
</script>

We have printed <script language="javascript" type="text/javascript">javascript:displayCounter();</script> &nbsp;Business cards.

**iternity** · 06-20-2007, 07:04 PM

Hi,
and thank you!

Isn't it possible to do all this purely in JS? I can not run PHP withting the site I use. But thank you very much man!