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>
Bara de progres in timp real
- Ionuţ
-

- Mesaje: 1001
- Membru din: 02 Sep 2013, 14:41
- Server: Metin2CMS
- Regat: Jinno
- Aprecieri: 88
- Mulţumiri: 471
- Discord: Copiază ID
- Contact:
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...
// 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...
- Ionuţ
-

- Mesaje: 1001
- Membru din: 02 Sep 2013, 14:41
- Server: Metin2CMS
- Regat: Jinno
- Aprecieri: 88
- Mulţumiri: 471
- Discord: Copiază ID
- Contact:
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
Subiect arhivat.
Motiv: Subiectul are peste 3 zile de inactivitate.
Motiv: Subiectul are peste 3 zile de inactivitate.
-
- Informaţie
-
Cine este conectat
Utilizatori ce ce navighează pe acest forum: Niciun utilizator înregistrat și 2 vizitatori


