Temporizador de cuenta atrás de Javascript+código PHP dentro de JS

javascript timer countdown

Question

Necesito ayuda con el temporizador de cuenta regresiva en javascript. Encontré el código a continuación en PHPJabbers. Este código funciona bien, pero cuando vuelvo a cargar la página, el tiempo vuelve a su hora inicial. Quiero retener el tiempo incluso si cargo la página. También quiero agregar la función PHP dentro de segundos == 0. No estoy seguro de si es posible. Gracias por adelantado

<span id="countdown" class="timer"></span>
<script>
var seconds = 60;
function secondPassed() {
var minutes = Math.round((seconds - 30)/60);
var remainingSeconds = seconds % 60;
if (remainingSeconds < 10) {
remainingSeconds = "0" + remainingSeconds;
}
document.getElementById(''countdown'').innerHTML = minutes + ":" + remainingSeconds;
if (seconds == 0) {
clearInterval(countdownTimer);
document.getElementById(''countdown'').innerHTML = "Buzz Buzz";
} else {
seconds--;
}
}
var countdownTimer = setInterval(''secondPassed()'', 1000);
</script>

Answer 1

Buena solución por bhavesh .. Si alguien quiere mostrar los días, horas, minutos, segundos juntos, entonces pueden referir este código.

Reverse timer from javascript:
var target_date = new Date(''Aug 01 2014 20:47:00'').getTime();
var days, hours, minutes, seconds;
var countdown = document.getElementById(''timeremaining'');
var countdownTimer = setInterval(function () {
var current_date = new Date().getTime();
var seconds_left = (target_date - current_date) / 1000;
days = parseInt(seconds_left / 86400);
seconds_left = seconds_left % 86400;
hours = parseInt(seconds_left / 3600);
seconds_left = seconds_left % 3600;
minutes = parseInt(seconds_left / 60);
seconds = parseInt(seconds_left % 60);
if(days <= 0 && hours <= 0 && minutes <= 0 && seconds <= 0 )
{
document.getElementById(''timeremaining'').innerHTML = '''';
clearInterval(countdownTimer);
}
else
{
if(days>0)
{
days= days+''d,'';
}
else
{
days='''';
}
countdown.innerHTML =''( '' + days + checkTime(hours) + '':''+ checkTime(minutes) + '':'' + checkTime(seconds) +'' remaining)'';
}
}, 1000);
function checkTime(i) {
if (i < 10) {i = ''0'' + i};
return i;
}

Answer 2

Verifique esto, (implementado usando cookies)

 function setCookie(cname,cvalue,exdays)
{
var d = new Date();
d.setTime(d.getTime()+(exdays*24*60*60*1000));
var expires = "expires="+d.toGMTString();
document.cookie = cname + "=" + cvalue + "; " + expires;
}
function getCookie(cname)
{
var name = cname + "=";
var ca = document.cookie.split('';'');
for(var i=0; i<ca.length; i++)
{
var c = ca[i].trim();
if (c.indexOf(name)==0) return c.substring(name.length,c.length);
}
return "";
}
//check existing cookie
cook=getCookie("my_cookie");
if(cook==""){
//cookie not found, so set seconds=60
var seconds = 60;
}else{
seconds = cook;
console.log(cook);
}
function secondPassed() {
var minutes = Math.round((seconds - 30)/60);
var remainingSeconds = seconds % 60;
if (remainingSeconds < 10) {
remainingSeconds = "0" + remainingSeconds;
}
//store seconds to cookie
setCookie("my_cookie",seconds,5); //here 5 is expiry days
document.getElementById(''countdown'').innerHTML = minutes + ":" + remainingSeconds;
if (seconds == 0) {
clearInterval(countdownTimer);
document.getElementById(''countdown'').innerHTML = "Buzz Buzz";
} else {
seconds--;
}
}
var countdownTimer = setInterval(secondPassed, 1000);

trabajando jsFiddle