Javascript for döngüsüyle sayıları saniye(saat) mantığı ile gösterme

14-12-2019, 23:36:08

Kimlik doğrulama veya yönetimden onay bekliyor.

1 den 100 e kadar olan sayıları saniye mantığı gibi sırayla yanıp sönecek şekilde belirlediğim div içine yazdırmak istiyorum. Yardımcı olabilir misiniz?

<html>
<head>
</head>
<body>

<button name="girisbuton" id="girisbuton" type="button" >Giriş Yap</button>

<div id="gelen"></div>

</body>

</html>

$(document).ready(function(){
    $(document).on('click','#girisbuton',function(){
        for(var i=1; i<=100; i++)
        {
            document.getElementById("gelen").innerHTML = i;        
        }
    });
});

14-12-2019, 23:58:00

#2

WebKadir

id'si gelen olan divin içerisine 0 girin ve saymaya başlayacaktır
setInterval(function(){
var num = $("#gelen").html();
$("#gelen").html(num+1); }, 1000);

15-12-2019, 00:00:15

#3

CoLLeR

fatihbozkurt adlı üyeden alıntı: mesajı görüntüle

1 den 100 e kadar olan sayıları saniye mantığı gibi sırayla yanıp sönecek şekilde belirlediğim div içine yazdırmak istiyorum. Yardımcı olabilir misiniz?

<html>
<head>
</head>
<body>

<button name="girisbuton" id="girisbuton" type="button" >Giriş Yap</button>

<div id="gelen"></div>

</body>

</html>

$(document).ready(function(){
$(document).on('click','#girisbuton',function(){
for(var i=1; i<=100; i++)
{
document.getElementById("gelen").innerHTML = i;
}
});
});

$(document).ready(function(){
$(document).on('click','#girisbuton',function(){
CollerRunnerTime=0;
setInterval(function () {
CollerRunnerTime++;
document.getElementById("gelen").innerHTML = CollerRunnerTime;
}, 1000);
});
});

Test etmedim bir denermisin.

15-12-2019, 00:39:58

#4

fatihbozkurt

CoLLeR adlı üyeden alıntı: mesajı görüntüle

$(document).ready(function(){
$(document).on('click','#girisbuton',function(){
CollerRunnerTime=0;
setInterval(function () {
CollerRunnerTime++;
document.getElementById("gelen").innerHTML = CollerRunnerTime;
}, 1000);
});
});

Test etmedim bir denermisin.

yazdığınız bu kod mantık olarak istediğim gibi ancak ben saniyeyi yazdırmak istemiyorum for döngüsündeki i değerini bu şekilde döngüdeki koşula göre ekrana yazdıracağım.

php curl ile veri çekiyorum çekilen verilerde işlem uzun olduğundan dolayı başlıklarını ekranda belirtmek için için bunu kullanacağım.

15-12-2019, 01:01:50

#5

CoLLeR

fatihbozkurt adlı üyeden alıntı: mesajı görüntüle

yazdığınız bu kod mantık olarak istediğim gibi ancak ben saniyeyi yazdırmak istemiyorum for döngüsündeki i değerini bu şekilde döngüdeki koşula göre ekrana yazdıracağım.

php curl ile veri çekiyorum çekilen verilerde işlem uzun olduğundan dolayı başlıklarını ekranda belirtmek için için bunu kullanacağım.

Yapmak istediğini tam olarak anlamadım ama for döngüsünde değer beklemek koşulda ne verirsen basar geçer.
Eğer ardına eklensin bir önceki silinmesin gibi bir şey diyorsan .innerHTML+=i yapman yeterli.

15-12-2019, 01:22:49

#6

fatihbozkurt

CoLLeR adlı üyeden alıntı: mesajı görüntüle

Yapmak istediğini tam olarak anlamadım ama for döngüsünde değer beklemek koşulda ne verirsen basar geçer.
Eğer ardına eklensin bir önceki silinmesin gibi bir şey diyorsan .innerHTML+=i yapman yeterli.

Evet dediğiniz gibi basıp geçiyor en sonuncuyu yazıyor.
Bir önceki silinerek yenisini yazması gerekiyor.

Yapmak istediğim olay;
Php curl ile veri çekiyorum bir başlığa ait detay veriyi çekip veritabanına yazdırmak 5 saniye sürüyor. Bu şekilde 300 tane başlığı çekerken kullanıcıyı bilgilendirmek adına pageloader mantığı gibi çekilen verilerin başlıklarını ekrana yazdıracağım.

15-12-2019, 02:13:00

#7

CoLLeR

fatihbozkurt adlı üyeden alıntı: mesajı görüntüle

Evet dediğiniz gibi basıp geçiyor en sonuncuyu yazıyor.
Bir önceki silinerek yenisini yazması gerekiyor.

Yapmak istediğim olay;
Php curl ile veri çekiyorum bir başlığa ait detay veriyi çekip veritabanına yazdırmak 5 saniye sürüyor. Bu şekilde 300 tane başlığı çekerken kullanıcıyı bilgilendirmek adına pageloader mantığı gibi çekilen verilerin başlıklarını ekrana yazdıracağım.

Sanırım o şekilde olmaz hocam anladığım kadarıyla, kodlarınızı ya buraya yazın ya da pm den gönderin bir bakayım.