js 数字递增递减,Javascript - 每秒显示递增的数字

I am trying to do something where I display a different incremented number every second but I just can't get the setInterval thing right.

Here is what I have

function counter() {

var i = 0;

while ( i < 100 ) {

// This block will be executed 100 times.

setInterval(console.log( 'Currently at ' + i ), 1000);

i++; // Increment i

}

} // End

But what I get is the console.log firing a 100 times, then repeating.

Thanks for all the help.

Mike

解决方案

When you create a setInterval once, it will automatically call function (first argument) every 1000 milliseconds (second argument). So you don't need to do it inside while, just put incrementing of i inside the function (first argument).

function counter() {

var i = 0;

// This block will be executed 100 times.

setInterval(function(){

if (i == 100) clearInterval(this);

else console.log( 'Currently at ' + (i++) );

}, 1000);

} // End

Update 1

function counter() {

var i = 0;

var funcNameHere = function(){

if (i == 100) clearInterval(this);

else console.log( 'Currently at ' + (i++) );

};

// This block will be executed 100 times.

setInterval(funcNameHere, 7000);

funcNameHere();

} // End