Bara de progres in timp real

Închis
Avatar utilizator
[SA]Rhesus
Nivel 1

Nivel 1
Mesaje: 89
Membru din: 12 Mar 2017, 16:37
Aprecieri: 17  
Mulţumiri: 0
Medalii

Salut! As dori sa stiu cum pot face acea bara de progres sa se incarce in timp real. Am reusit sa pun un timer separat, care nu se reseteaza cand dau refresh sau altceva, deci timer-ul e in timp real, dar cum pun si acea bara de progres tot in timp real, caci atunci cand dau refresh, ea se reseteaza...

HTML: <div class="progress">
<div id="dynamic" class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
<span id="current-progress"></span>
</div>
</div> CSS: <style>
.progress {
margin: 10px;
width: 200px;
}
</style> JS: <script>
$(function() {
var current_progress = 0;
var interval = setInterval(function() {
current_progress += 1;
$("#dynamic")
.css("width", current_progress + "%")
.attr("aria-valuenow", current_progress)
.text(current_progress + "% Complete");
if (current_progress >= 100)
clearInterval(interval);
}, 10000);
});
</script>
Avatar utilizator
Ionuţ
Web Master

Web Master
Mesaje: 1001
Membru din: 02 Sep 2013, 14:41
Server: Metin2CMS
Regat: Jinno
Aprecieri: 88  
Mulţumiri: 471  
Discord: Copiază ID
 Contact:
Medalii

Proiectele mele

Imagine
Afișează semnătura
Avatar utilizator
[SA]Rhesus
Nivel 1

Nivel 1
Mesaje: 89
Membru din: 12 Mar 2017, 16:37
Aprecieri: 17  
Mulţumiri: 0
Medalii

Eu nu prea inteleg...adica acolo vad "By default, the cookie is deleted when the browser is closed" si nu prea ma ajuta pentru ca la timer am asa <script>
// Set the date we're counting down to
var countDownDate = new Date("Mar 10, 2018 20:42:25").getTime();

// Update the count down every 1 second
var x = setInterval(function() {

// Get todays date and time
var now = new Date().getTime();

// Find the distance between now an the count down date
var distance = countDownDate - now;

// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);

// Display the result in the element with id="demo"
document.getElementById("demo").innerHTML = days + "d " + hours + "h "
+ minutes + "m " + seconds + "s ";

// If the count down is finished, write some text
if (distance < 0) {
clearInterval(x);
document.getElementById("demo").innerHTML = "Mentenanța a luat sfârșit. Vom fi online în curând!";
}
}, 1000);
</script> si nu se reseteaza, pe cand acolo pe site zice ca daca inchizi browserul se sterg cookie-urile...
La scriptul pentru bara de progres as vrea sa creasca treptat cu cat scade timpul ramas, adica se scurg 60 de secunde din timpul ramas, la bara de progres sa se umple cu 1% de exemplu, si acest lucru sa ramana pentru altii care acceseaza site-ul, nu sa se reseteze. Eu vreau ca valoarea din bara de progres sa fie invers proportionala cu timpul scurs, timp pe care sa-l pun eu cum il pun la timer...
Avatar utilizator
Ionuţ
Web Master

Web Master
Mesaje: 1001
Membru din: 02 Sep 2013, 14:41
Server: Metin2CMS
Regat: Jinno
Aprecieri: 88  
Mulţumiri: 471  
Discord: Copiază ID
 Contact:
Medalii

Atunci nu stiu de ce mai postezi, nu ai zis absolut niciune in postul de mai sus ca vrei sa progreseze in functie de un timp setat. Ai tot ce-ti trebuie, putina matematica ca sa calculezi diferenta de timp, timpul actual si timpul setat si convertita intr-un procentaj. succes
Proiectele mele

Imagine
Afișează semnătura
Avatar utilizator
Iosif Deak
Fost Super Moderator

Fost Super Moderator
Mesaje: 1026
Membru din: 21 Iul 2014, 21:31
Server: eMetin.ro
Regat: Jinno
Aprecieri: 7  
Mulţumiri: 336  
Medalii

Subiect arhivat.
Motiv: Subiectul are peste 3 zile de inactivitate.
Închis
Răspunsuri
0
Vizualizări
755
Răspunsuri
2
Vizualizări
330
Răspunsuri
1
Vizualizări
190
Răspunsuri
5
Vizualizări
557

Înapoi la “Arhivă”

  • Informaţie
  • Cine este conectat

    Utilizatori ce ce navighează pe acest forum: Niciun utilizator înregistrat și 2 vizitatori