Rumah > pembangunan bahagian belakang > tutorial php > javascript - 一个数每隔一秒执行加1并打印出来,一直加到50停止,用js如何实现?

javascript - 一个数每隔一秒执行加1并打印出来,一直加到50停止,用js如何实现?

WBOY
Lepaskan: 2016-10-17 09:30:09
asal
3180 orang telah melayarinya

如题,用到闭包,和setTimeout函数怎么解决?
也欢迎php的实现

回复内容:

如题,用到闭包,和setTimeout函数怎么解决?
也欢迎php的实现

<code>var count = (function() {
    var timer;
    var i = 0;
    function change(tar) {
        i++;
        console.log(i);
        if (i === tar) {
            clearTimeout(timer);
            return false;
        }
        timer = setTimeout(function() {
            change(tar)
        }, 1000)

    }
    return change;
})()

count(50)</code>
Salin selepas log masuk

<code>(function(){
    var i=0;
    var end=setInterval(function(){
        if(i>=50){
            clearInterval(end);
        }
        console.log(i);
        i++;
    },1000);
})()</code>
Salin selepas log masuk

setTimeout的话,就不需要clear了。

<code>void function loop(i) {
    if (i </code>
Salin selepas log masuk
Salin selepas log masuk

好像没用到闭包,那么这样吧:

<code>void function loop(i) {
    if (i </code>
Salin selepas log masuk
Salin selepas log masuk

OK,这样就有闭包了。

function Count(){

<code>    var counter=0;
    function addCount(){
        counter++;
        console.log(counter);
        if(counter==50){
            return false;
        }
        setTimeout(addCount,1000);
    }
    return addCount;
}
var myCount=new Count();
myCount();</code>
Salin selepas log masuk

<code>var task = function (){
    var val = 0;
    var target = 50;
    
    (function add(){
        val++;
        if(val === target)
            return;
            
        setTimeout(add, 1000);    
    })();
}</code>
Salin selepas log masuk

你这个停不下来吧

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan