Ich habe das Skript benötigt, um einen Countdown-Timer zu generieren, der eine Start- und Wiederaufnahme-Schaltfläche hat. Ich versuche, auf einer Seite Schaltflächen zum Starten, Stoppen und Zurücksetzen zu haben, die den Timer auf der anderen Seite steuern. Wenn also Benutzer X page.html besucht, wird ein Zeitgeber angezeigt, der auf 0 steht. Admin X besucht admin.html, wobei der Zeitgeber auf 0 angezeigt wird, sie jedoch auch über Schaltflächen zum Starten, Stoppen und Zurücksetzen verfügen. Wenn der Administrator auf eine Schaltfläche klickt, wird der Timer auf page.html heruntergezählt. Wenn ein anderer Benutzer die Seite besucht, während der Timer abläuft, wird angezeigt, wo sich der Timer gerade befindet. Wenn jemand Code-Ideen, andere Antworten auf dieser Site hat, auf die ich verweisen kann, oder den Code, den ich benötigen würde, wäre ich sehr dankbar.

--- Das reale Szenario Wir haben Leute auf Skype, die eine Show machen und die wissen müssen, wann es Zeit ist, eine Pause zu machen. Die Idee ist, dass der Produzent einen Knopf drücken kann, der einen Countdown-Timer startet, um ihn wissen zu lassen, dass er 60 Sekunden bis zu einer Pause hat. Der Grund, warum ich dies auf einer Webseite möchte, ist, dass auf der Seite andere Dinge vor sich gehen, auf die die Person auf Skype achtet. Also wollte ich etwas, das sie nicht verpassen können. Ich habe Zugriff auf einen SQL-Server und kann sowohl PHP als auch Javascript. Ich schätze, ich muss eine Art Kombination von beidem machen.

UPDATE Vielen Dank für Ihre Hilfe.

Ich aktualisiere dies, weil mir klar geworden ist, dass ich die Dinge wahrscheinlich komplizierter mache, als sie an diesem Punkt sein müssen. Alle 30 Minuten wird eine Pause eingelegt und alle Shows beginnen entweder nach einer vollen Stunde oder nach 30 Minuten. Ich habe endlich das perfekte Drehbuch herausgefunden. Obwohl es aufgrund einer normalen Zeitverschiebung leicht abweicht, sollte es tatsächlich dasselbe anzeigen, unabhängig davon, wer die Seite betritt.

<script>
 function addZero(i)
{
if (i<10)
  {
   i="0" + i;
  }
 return i;
 }
 setInterval(function() {
   function addZero(i)
{
if (i<10)
  {
  i="0" + i;
  }
return i;
}
    var d = new Date();
    var s =(d.getSeconds());
    var m =(d.getMinutes());
    var x = document.getElementById("timer");
    var c = addZero(30 - m) + ":" + addZero(60 - s);
    var d = addZero(60 - m) + ":" + addZero(60 - s);
    if (m < 30) {
        t = c
    }
    else {
        t = d
    }

     x.innerHTML = t;
 }, 250) 
    </script>    
 <div align="center">
    <table><tbody>
    <tr><td style="font-size:34px;" id="timer"></td>
    <td nowrap="nowrap" width="15px"><p style="text-align: left;"></p></td>
    <td style="font-size:24px;">Minutes till Station Break.</td></tr>
     </tbody></table>
          </div>