PHP - Countdown To Midnight?

Can anyone help me to make a countdown timer in php?
so basically i've made a quiz.. but i want it to have a time of 1 hour 30 mins..
but i dont have any idea of how to make a timer

Hi all,

I would like to create a timer showing a countdown from 0% to 100% (representing "power") ending at noon GMT on Sunday 4th September.
The countdown started a few weeks ago, hence as of 1pm GMT on Tuesday 1st March, the countdown should be at 15%
The "power" increases by 5% every 11 days so by my calculations, the percentage in our countdown should increase by 0.01% every 1900.8 seconds.

So, with this theory, how would I go about coding it?

I guess since I use GMT, I need to take a timestamp in GMT first, then calculate the difference between this and Sunday 4th September at 12.00pm.

I am not sure though which format of time/date is best to do the calculation. Would it be better to use Unix time?

Any help, suggestions and/or code is greatly appreciated.


Skulty

hi all, im looking at a countdown timer and when a user places a bid it resets the timer, exactly like the one used at madbid.com, is this a mixture of javascript and php or just php?

if you could point me in the right direction of what to look into that would be very helpful

Lee

Here's the code for the countdown timer. It works. At the end of the countdown, it's suppose to show the message "EXPIRED". But that message only shows once I reload the page. The countdown itself stops at 00:00:01. Is there a way to automatically show the message after that, instead of reloading the page to show it?

<style>
  div#counter{
      margin: 100px auto;
      width: 305px;
      padding:20px;
      border:1px solid #000000;
  }
  div#counter span{
      background-color: #00CAF6;
      padding:5px;
      margin:1px;
      font-size:30px;
  }
</style>

<?php 
  $target_date = '2019-01-12 05:40:00';
  $timeLeft = (strtotime($target_date) - time()) * 1000;
?>
<script src="javascripts/timer.js"></script>
<script>
$(document).ready(function(){

      var timeLeft = <?php echo $timeLeft ; ?>;
      var timer =  new Timer($('#counter'), timeLeft);
      
      if (timeLeft <= 0) {
        $('#counter').text('EXPIRED');
      }

});
</script>
<div id="counter">
  <span class="hour">00</span>
  <span class="min">00</span>
  <span class="sec">00</span>
</div>

 

Edited January 11, 2019 by imgrooot

i am using countdown timer,it gets remaining time in seconds and displays cont down.but when i changed the remaining time for the countdown it displays the same old timer and did not update its countdown time. i need a deperate help for it , can some help me.

Newbie PHP user here, so go easy on me .

I've been trying to make a timer that starts on an arbitrary number of seconds, say 10 for example, then counts down to 0 (and refreshes itself every second for the user to see how much time is remaining), and then some more code is executed when 0 is reached.

I attempted to do something like:

<?php

$goal = time() + 10;

while($goal - time() >= 0) {

echo "$goal - time()";
sleep(1);

}

?>

This didn't seem to work as my page just took a while to load - I suspect it was going through the entire while loop before displaying anything rather than just dynamically updating the timer every second. Also when I chose 100 instead of 10, the webpage didn't seem to even finish loading. Also it displayed a lot of odd text - not a timer at all!

Help would be much appreciated !

Hey guys.
My question is simple.
I have a time value of the future, in seconds, that I extract from MySQL.
time();
How do I make an interactive countdown timer using it? It should show the numbers ticking away.
I tried Javascript, but it doesn't go with the php time layout.
Can anyone help me here?

Thanks!

Hey guys and gals!   I am currently working on implementing the following functionality in one of my pages:     Whenever a person with a specific IP address visits the page, an internal countdown timer of 2 hours should be started. Until that timer is active, the only response from the page ANYONE can get would be a predefined echo value. Once the timer has run out, the normal script execution of the rest of the page should be restored.   Any pointers and tips on how to approach that would be greatly appreciated.

Hi there i was wondering if its possible to have a count down timer (for say 5 mins) that when it reaches 0 a form is updated..

Code: [Select]
<?php
// set countdown timer for 5 mins 
$countdown = '300' 

if ($countdown == '0'){

update the form somehow? }?>


<form id="form1" name="form1" method="POST" action="<?php echo $editFormAction; ?>">
<input name="hiddenField" type="hidden" value="<?php echo $row_query['somedata']; ?>" />
 <input type="submit" name="Submit" value="Submit" />
</form>
I'm a bit of a noob so any help would be ace.

Thanks

Hi Guys!

Hoping someone can help me with this. I need to produce a timer which I can embed on a website.
It needs to count down the remaining hours until 7pm during the weekdays, then at the weekends count down until 7pm on Monday.

Any ideas or points in the right direction would be greatly appreciated! I'm a bit of a newbie!

Hi All   I am hoping someone can help.   I am trying to create a session based on when the users first enters the page. This will capture the timestamp and retain that as the starting point for the countdown so even if the user goes away from the page and comes back, the timestamp does not reinstantiate itself.   Can anyone give me some guidance please?      

So I have a count down timer on my site.   http://fpsboost.net

And I am clueless as to how I would set a final date with this. Cant find where it's grabbing the info for "finaldate" or anything like that. Want to set the final date to feb 1st 2015

Javascript newb here. Anyone willing to help would be greatly appreciated.

Thanks in advance!   Btw, I'm using a generic js countdown timer from: http://hilios.github...uery.countdown/ called "The Final Countdown for jQuery v2.0.4" It was preloaded in a template that I downloaded for my site.
Edited by jakobe, 09 December 2014 - 01:09 AM.

Hi,

This is my first post so dont kill me if i did somthing wrong.

Im trying to make a simple php/javascript page that will display the time remaining in each period every day (we have 4 periods per day). I found a nice javascript library from www.hashemian.com and am using the example that he linked to to do multiple countdown timers on one page.

The problem i am having is that the only way i can think of to make it so that it counts down to a dynamic date is to specify that date as a variable and then combine it with the string that specifys the rest of the date/time combo for the target date/time.

The current live version is at smd75jr.com/test/index2.php

The first timer is just a test that im using to make sure i havent completely broken it.
THe second timer is the one im trying to troubleshoot, it is currently set for 11:59 PM EST "today". (see code below)


Any help would be greatly appreciated!!



This is my code:

Code: [Select]
<html>
<head>
<title>Multiple Countdown Clocks</title>
</head>
<body>
<div id="clock1">[clock1]</div>
<div id="clock2">[clock2]</div>
</body>
<script language="JavaScript">


StartCountDown("clock1","06/27/2012 9:33 PM -0400")
StartCountDown("clock2","periodTest")
TodaysDate()



//var today = new Date()
//var todayMonth = today.getMonth() + 1
//var todayDay = today.getDate()
//var todayYear = today.getFullYear()
//var todayDate = (todayMonth + "/" + todayDay + "/" + todayYear)

var periodTest = (todayDate + " 11:59 PM -0400")


var periodA1 = (todayDate + " 8:53 AM -0400")
var periodA2 = (todayDate + " 10:26 AM -0400")
var periodA31 = (todayDate + " 12:32 PM -0400")
var periodLunch1 = (todayDate + " 11:00 AM -0400")
var periodLunch2 = (todayDate + " 12:32 PM -0400")
var periodA32 = (todayDate + " 11:59 AM -0400")
var periodA4 = (todayDate + " 2:05 PM -0400")



//function Periods(todayDate, periodA1, periodA2, periodA31, periodA32, periodA4, periodB1, periodB2, periodB31, periodB32, periodB4, periodLunch1, periodLunch2, periodSchoolStart, periodSchoolEnd)
// {
// var today = new Date()
// var todayMonth = today.getMonth() + 1
// var todayDay = today.getDate()
// var todayYear = today.getFullYear()
// var todayDate = (todayMonth + "/" + todayDay + "/" + todayYear)
//
// var periodA1 = (todayDate + " 21:25 PM -0400")
// }




function TodaysDate(todayDate)
{
var today = new Date()
var todayMonth = today.getMonth() + 1
var todayDay = today.getDate()
var todayYear = today.getFullYear()
var todayDate = (todayMonth + "/" + todayDay + "/" + todayYear)
}

 
  /*
  Author: Robert Hashemian (http://www.hashemian.com/)
  Modified by: Munsifali Rashid (http://www.munit.co.uk/)
  Modified by: Tilesh Khatri
  */
 
  function StartCountDown(myDiv,myTargetDate)
  {
    var dthen = new Date(myTargetDate);
    var dnow = new Date();
    ddiff = new Date(dthen-dnow);
    gsecs = Math.floor(ddiff.valueOf()/1000);
    CountBack(myDiv,gsecs);
  }
 
  function Calcage(secs, num1, num2)
  {
    s = ((Math.floor(secs/num1))%num2).toString();
    if (s.length < 2)
    {
      s = "0" + s;
    }
    return (s);
  }
 
  function CountBack(myDiv, secs)
  {
    var DisplayStr;
    var DisplayFormat = "%%D%% Days %%H%%:%%M%%:%%S%%";
    DisplayStr = DisplayFormat.replace(/%%D%%/g, Calcage(secs,86400,100000));
    DisplayStr = DisplayStr.replace(/%%H%%/g, Calcage(secs,3600,24));
    DisplayStr = DisplayStr.replace(/%%M%%/g, Calcage(secs,60,60));
    DisplayStr = DisplayStr.replace(/%%S%%/g, Calcage(secs,1,60));
    if(secs > 0)
    {
      document.getElementById(myDiv).innerHTML = DisplayStr;
      setTimeout("CountBack('" + myDiv + "'," + (secs-1) + ");", 990);
    }
    else
    {
      document.getElementById(myDiv).innerHTML = "Period Over";
    }
  }

</script>
</html>

Hi again people!

I found this code that codes for a countdown timer.
My problem is, how do I implement it?
I've found similar codes that leave me dazzled as I try to get them to work.

The URL from which I found this is:
http://scripts.franciscocharrua.com/server-side-countdown-clock.php

The code is:

Code: [Select]
function countdown_clock(year, month, day, hour, minute, format)
         {
         //I chose a div as the container for the timer, but
         //it can be an input tag inside a form, or anything
         //who's displayed content can be changed through
         //client-side scripting.
         html_code = '<div id="countdown"></div>';

         document.write(html_code);

         Today = new Date();
         Todays_Year = Today.getFullYear() - 2000;
         Todays_Month = Today.getMonth();

         <?
         $date = getDate();

         $second = $date["seconds"];
         $minute = $date["minutes"];
         $hour = $date["hours"];
         $day = $date["mday"];
         $month = $date["mon"];
         $month_name = $date["month"];
         $year = $date["year"];
         ?>

         //Computes the time difference between the client computer and the server.
         Server_Date = (new Date(<?= $year - 2000 ?>, <?= $month ?>, <?= $day ?>,
                                 <?= $hour ?>, <?= $minute ?>, <?= $second ?>)).getTime();
         Todays_Date = (new Date(Todays_Year, Todays_Month, Today.getDate(),
                                 Today.getHours(), Today.getMinutes(), Today.getSeconds())).getTime();

         countdown(year, month, day, hour, minute, (Todays_Date - Server_Date), format);
         }

function countdown(year, month, day, hour, minute, time_difference, format)
         {
         Today = new Date();
         Todays_Year = Today.getFullYear() - 2000;
         Todays_Month = Today.getMonth();

         //Convert today's date and the target date into miliseconds.

         Todays_Date = (new Date(Todays_Year, Todays_Month, Today.getDate(),
                                 Today.getHours(), Today.getMinutes(), Today.getSeconds())).getTime();
         Target_Date = (new Date(year, month, day, hour, minute, 00)).getTime();

         //Find their difference, and convert that into seconds.
         //Taking into account the time differential between the client computer and the server.
         Time_Left = Math.round((Target_Date - Todays_Date + time_difference) / 1000);

         if(Time_Left < 0)
            Time_Left = 0;

         switch(format)
               {
               case 0:
                    //The simplest way to display the time left.
                    document.all.countdown.innerHTML = Time_Left + ' seconds';
                    break;
               case 1:
                    //More datailed.
                    days = Math.floor(Time_Left / (60 * 60 * 24));
                    Time_Left %= (60 * 60 * 24);
                    hours = Math.floor(Time_Left / (60 * 60));
                    Time_Left %= (60 * 60);
                    minutes = Math.floor(Time_Left / 60);
                    Time_Left %= 60;
                    seconds = Time_Left;

                    dps = 's'; hps = 's'; mps = 's'; sps = 's';
                    //ps is short for plural suffix.
                    if(days == 1) dps ='';
                    if(hours == 1) hps ='';
                    if(minutes == 1) mps ='';
                    if(seconds == 1) sps ='';

                    document.all.countdown.innerHTML = days + ' day' + dps + ' ';
                    document.all.countdown.innerHTML += hours + ' hour' + hps + ' ';
                    document.all.countdown.innerHTML += minutes + ' minute' + mps + ' and ';
                    document.all.countdown.innerHTML += seconds + ' second' + sps;
                    break;
               default:
                    document.all.countdown.innerHTML = Time_Left + ' seconds';
               }

         //Recursive call, keeps the clock ticking.
         setTimeout('countdown(' + year + ',' + month + ',' + day + ',' + hour + ',' + minute + ',' +
                     time_difference + ', ' + format + ');', 1000);
         }
I've tried saving the file as a php file and html file, but to no avail...

Hi guys,

I will like to insert a countdown timer of 5 mins after form has been submitted to a php page.

At the moment when they submit the form they see the date and time they submitted:

echo date("M d Y  H:i", time()) ";

Any ideas?