在该对象的另一个函数内部调用时，该对象的函数未被调用

Question

I am still working on a timer and I'm rebuilding my code, so that the timer is an object, and so that I can have multiple. This is what I did so far:

$(document).ready(function() {
        a = new Timer("#timerText");
        a.set(9, 12);
    });

function Timer (element) {

var minutes, seconds, finalTimeInSeconds, displayMinutes, displaySeconds;

    this.set = function(inputMins, inputSecs) {
        alert("working!");
        minutes = inputMinutes; 
        seconds = inputSeconds; 
        finalTimeInSeconds = minutes*60 + seconds; //finalTimeInSeconds is the time it takes for the timer to be 00:00 in seconds.
        this.print();
    }

    this.print = function() {
        alert("printin!");
        displayMinutes = (minutes.toString().length == 2) ? minutes : "0" + minutes;    //ternary operator: adds a zero to the beggining 
        displaySeconds = (seconds.toString().length == 2) ? seconds : "0" + seconds;    //of the number if it has only one caracter.
        $(element).text(displayMinutes + ":" + displaySeconds);
    }

}

But the print function doesn't work when I call it via the set function. Why?

Thanks to anyone that answers!

Answer 1

Your problem is the argument names — you're not using the names you've defined:

this.set = function(inputMins, inputSecs) {
    alert("working!");
    minutes = inputMins; // fix here
    seconds = inputSecs;  // fix here
    finalTimeInSeconds = minutes*60 + seconds; //finalTimeInSeconds is the time it takes for the timer to be 00:00 in seconds.
    this.print();
}

You must to learn to use the console. The error throws inmediately