3 minutes countdown timer which do not resets - dynamic

Question

when user hits refresh or close the browser also i want my timer to repeat itself after 3 minutes. I want to achieve this using mysql database in which i have a table with two columns date and time from where i am updating the countdown timer. but i need timer of only 3 minutes which repeats itself and do not reset when user try to refresh or close the browser. please help me.
<div>
<h1 id="counter"></h1>
</div>
<script>
<?php
$data = strtotime($date);
$getDate = date("F d, Y", $data);
?>
var countDownDate = new Date("<?php echo "$getDate $time"; ?>").getTime();
// Update the count down every 1 second
var x = setInterval(timer, 1000);
function timer()
{
var now = new Date().getTime();
// Find the distance between now an the count down date
var distance = countDownDate - now;
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
document.getElementById("counter").innerHTML = minutes + " : " + seconds;
// If the count down is over, write some text
if (distance < 0)
{
clearInterval(x);
document.getElementById("counter").innerHTML="EXPIRED" ;
location.reload();
}
}
</script>