मैं jQuery में प्रतिशत काउंटर कैसे बना सकता हूं?

Question

मैंने प्रतिशत काउंटर बनाने की कोशिश की लेकिन यह ऐसा कुछ नहीं करता जो मुझे चाहिए। यह सिर्फ 100% दिखाता है। हालांकि मुझे कदम से सभी 0 से 100% कदम दिखाने की ज़रूरत है! मुझे इसे कैसे बदलना चाहिए?

setInterval(function per(p = 0) { 
 
    for (p = 1; p <= 100; p++) { 
 
    $(".percentage").text(p + "%"); 
 
    } 
 
}, 1000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p class="percentage"></p>

Answer 1

मुद्दा क्योंकि for पाश, एक दूसरे के एक अंश में चलाता setInterval की परवाह किए बिना है।

इसे ठीक करने के आप प्रत्यावर्तन का उपयोग और उसके बाद 1 सेकंड से प्रत्येक यात्रा में देरी, इस तरह करने के लिए अपने तर्क को बदल सकता है:

function updatePercentage(p) { 
 
    p = p || 0; 
 
    $(".percentage").text(p + "%"); 
 
    if (p < 100) { 
 
    setTimeout(function() { 
 
     updatePercentage(++p); 
 
    }, 1000); 
 
    } 
 
} 
 

 
updatePercentage();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p class="percentage"></p>