Erhöhung der Anzahl der Anzahl pro Sekunde?

-2

Ich möchte eine Funktion 5 Sekunden nach dem Laden auftreten. Dann sollte diese Funktion den Wert eines div jede Sekunde ändern. Grundsätzlich hat die div eine Zahl, deren Wert ich will jede Sekunde erhöht, bis 100. Hier ist, was ich mit so weit gekommen sind:Erhöhung der Anzahl der Anzahl pro Sekunde?

div { 
 
    display:inline; 
 
}

<body onload="setTimeout(start,3000) ; setTimeout(end,3000) "> 
 
    <div id = number> 
 
    1 
 
    </div> 
 
    % 
 
    
 
    <script type="text/javascript"> 
 
    var i = 1; 
 
    
 
    setInterval(
 
    var a = (function start() { 
 
    i = i%100 + 1; 
 
    return i; 
 
    }); , 1000) 
 
    
 
    setInterval(
 
    var earth = document.getElementById('you'); 
 
    
 
    function end(){ 
 
    earth.innerHTML = a; 
 
    
 
    } 
 
    
 
    \t) 
 
    
 
    
 
    </script> 
 
</body>

Kein Glück so weit. Bitte sagen Sie mir, wo ich falsch gelaufen bin und korrigieren Sie es bitte. Eine Geige würde geschätzt werden: D.

Quelle

2016-08-05 Pranav

Hallo Pranav, können Sie dies bitte in einer Geige setzen und uns eine tragfähige Verbindung teilen sich die Funktionalität zu überprüfen? –

Ihr Hauptproblem ist, dass Sie 'var' in Ihren Aufruf von' setInterval' setzen. – MegaTom

sollten dies tun, was Sie fragen:

setTimeout(start, 5000); 
 

 
var i = 1; 
 
var num = document.getElementById('number'); 
 

 
function start() { 
 
    setInterval(increase, 1000); 
 
} 
 

 
function increase() { 
 
    if (i < 100) { 
 
     i++; 
 
     num.innerText = i; 
 
    } 
 
}

<div id="number">1</div>

Quelle

2016-08-05 18:38:34 TrampolineTales

Antworten auf Fragen, die nur mit 'javascript' getaggt sind, sollten keine Frameworks enthalten. –

@AdamAzad Fairer Punkt, ich entfernte die jQuery-Abhängigkeit. – TrampolineTales

Sie sollten setzen onload in Ihrem <body> Tag nicht.

Stattdessen verwenden Sie es in Ihrem JavaScript mit window.onload

Quelle

2016-08-05 18:39:18

es als Funktion Make

function myFunction() { 
    setTimeout(
     function() { 
     //stuff 
     }, 5000); 
}

Dann führen Sie ihn aus onload

onload="myFunction();"

Quelle

2016-08-05 18:40:15

Hier gehen Sie setTimeout für 5s Lücke nutzen, nach Verwenden Sie setInterval

var counter = 0; 
 
var div = document.getElementById('spinner'); 
 
setTimeout(function(){ 
 
    var st = setInterval(function(){ 
 
    div.innerHTML = ++counter; 
 
    if (counter > 100){ 
 
     clearInterval(st); 
 
    } 
 
    },1000) 
 
},5000);

<div id ="spinner"></div>

Quelle

2016-08-05 19:26:15 Anshul

Dies hat eine unendliche While-Schleife in Zeile 6 des Javascript. – TrampolineTales

Erhöhung der Anzahl der Anzahl pro Sekunde?

Antwort

Verwandte Themen