Question

I have the following script in a js file:

// Ad score
var score = 0;
//$('#score').text(score);
function foundMatchingBlocks(event, params) {
      params.elements.remove();
      score += 100;
      $('#score').text(score);
};

Now on each matching, 100 points are added to var score. This all works. Now I want to extend this a bit. As soon as the page loads I want to start a countdown to reduce the number of points (starting with 100) with 1 point a second for 60 seconds. So the minimum number of points a user can get is 40. When someone gets the points, the counter should reset and countdown again.

Example:

1. Page loads (timer starts from 100)
2. User has a match after 10 seconds (+90 points are added)
3. Counter resets and countdown from 100 again
4. User found a match after 35 sec (+65 points are added)
5. etc etc

Problem is, I have no idea how to do this 🙁 Hope someone can help me with this.

The above is fixed, thanks all for helping!!!

Answer 1

Maybe something like:

// Ad score
var score = 0;
var pointsAvailable = 100;

//$('#score').text(score);
function foundMatchingBlocks(event, params) {
      params.elements.remove();
      score += pointsAvailable;
      $('#score').text(score);
      pointsAvailable = 100;
};

$(document).ready(function() {doTimer();});

function doTimer() {
  setTimeout('reducePoints()',1000);
}

function reducePoints() {
  if(pointsAvailable>40) {
    pointsAvailable--;
  }
  doTimer();
}