Databases
StackOverflow2013
Postsdbo
POHow to make a multiple timer not to reset in php even if the page refreshes?
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to make a multiple timer not to reset in php even if the page refreshes?
    text
    copied!<p>I already check the answer from <a href="https://stackoverflow.com/questions/11272190/how-to-make-countdown-timer-to-not-reset-on-page-refresh">here</a> and so how can I make it for multiple data. In order for me to set a timer for a specific service for example. So here is my script.</p> <pre><code> &lt;script type="text/javascript"&gt; //var minutes2 = currentTime.setMinutes(currentTime.getMinutes() + 30); function addMinutes(date, minutes) { return new Date(date.getTime() + minutes*60000); } var dat = new Date(); //var tim = addMinutes(dat, 15); //console.log(tim); function fixIntegers(integer) { if (integer &lt; 0) integer = 0; if (integer &lt; 10) return "0" + integer; return "" + integer; } $(function () { $('.btn-start-timer').click(function(){ var i = window.setInterval(function(){ var future = addMinutes(dat, 60); //var future = new Date("Dec 12 2013 22:10:00 GMT-0800 (Pacific Standard Time) "); var now = new Date(); //console.log(tim); var difference = Math.floor((future.getTime() - now.getTime()) / 1000); var seconds = fixIntegers(difference % 60); difference = Math.floor(difference / 60); var minutes = fixIntegers(difference % 60); difference = Math.floor(difference / 60); var hours = fixIntegers(difference % 24); difference = Math.floor(difference / 24); var days = difference; /* $(this).parent().parent().find('.timer #seconds').text(seconds + "s"); $(this).parent().parent().find('.timer #minutes').text(minutes + "m"); $(this).parent().parent().find('.timer #hours').text(hours + "h"); $(this).parent().parent().find('.timer #days').text(days + "d");*/ $(".timer #seconds").text(seconds + "s"); $(".timer #minutes").text(minutes + "m"); $(".timer #hours").text(hours + "h"); $(".timer #days").text(days + "d"); if(hours == 0 &amp;&amp; minutes == 0 &amp;&amp; seconds == 0){ window.clearInterval( i ); alert('times up'); } }, 1000); }); }); &lt;/script&gt; </code></pre> <p>And here is my the html:</p> <pre><code> &lt;table cellpadding="10"&gt; &lt;tr&gt; &lt;th&gt;Timer&lt;/th&gt; &lt;th&gt;&amp;nbsp;&lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class="timer"&gt; &lt;span id="days"&gt;&lt;/span&gt; &lt;span id="hours"&gt;&lt;/span&gt; &lt;span id="minutes"&gt;&lt;/span&gt; &lt;span id="seconds"&gt;&lt;/span&gt; &lt;/td&gt; &lt;td&gt;&lt;button type="button" class="btn-start-timer"&gt;Start Now&lt;/button&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class="timer"&gt; &lt;span id="days"&gt;&lt;/span&gt; &lt;span id="hours"&gt;&lt;/span&gt; &lt;span id="minutes"&gt;&lt;/span&gt; &lt;span id="seconds"&gt;&lt;/span&gt; &lt;/td&gt; &lt;td&gt;&lt;button type="button" class="btn-start-timer"&gt;Start Now&lt;/button&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; </code></pre> <p>How can I make the time not to reset once it is started?</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload