How to make function work when the mouse not moving?

Question

$(document).ready(function() {
    var score = 0;

    $("body").mousemove(function() {        
        score++;
        $("#result").val(score);
        console.log(score);
    });

 });

The score will increase every time when I move the mouse, but how should I add a function to decrease the score until 0 when the mouse is not moving?

Answer 1

You could set an interval that decreases the value if the mouse does not move, and clear it when it moves, and reset it, something like this:

$(document).ready(function() {
    var score = 0, decreaseInterval, intervalTime = 1000;

    function decrease() {
        if (score > 0) score--;
        $("#result").val(score);
    };

    decreaseInterval = setInterval(decrease, intervalTime);

    $("body").mousemove(function(){
        clearInterval(decreaseInterval);
        score ++;
        $("#result").val(score);
        decreaseInterval = setInterval(decrease, intervalTime);
        console.log(score);
    });
});

Here is a fiddle to demonstrate it working: https://jsfiddle.net/0swrae76/1/