Cuenta atrás (WordPress)

#1 no sabes dónde te has metido. El infierno de las timezones.

1. Mete en algún lado de tu HTML/tempalte un <span id="remaining"></span> (aquí se escribirá el mensajito).
2. En JavaScript, cuando se haya cargado la página (usando window.onload o equivalente)
   2.1. Guarda en alguna variable el span usando document.getElementById('remaining');
   2.2. Guarda el timezone offset actual (cuanto se lleva españa con UTC, en invierno +1, en verano +2)
   2.3. Guarda la fecha/hora de hoy al comienzo y al final del periodo (usando Date()).
   2.4. Crea una función que (ajustando con UTC):
   2.4.1. Si ahora > comienzo, mostrar cuánto falta (es decir, final - ahora).
   2.4.2. Si ahora > final, calcular el comienzo al día siguiente y mostrar cuánto falta (es decir, comienzo_siguiente - ahora).
   2.3. Lanza una función repetida cada 1000msecs usando setInterval(tu_funcion, 1000);

Y ojo, esto tiene un fallo: si dejas la web abierta más de 24 horas pues se le va la cabeza. 2.2 y 2.3 debes realizarlos cada vez que cambie el día.

Lo de ajustar con UTC es necesario por si entran a la web desde fuera de españa, básicamente.

Dobleposteo para que se suba el post.

Estoy mirándolo de hacer con Jquery, hasta ahora lo que he conseguido es esto :

<script type="text/javascript">
	//Variables
	var fecha;
	var segundos;
	var minutos;
	var horas;
	var x;
	
var horaComienzo = 19;

var horaFinal = 3;

var diferencia1;
//Funcion principal
x = $(document);
x.ready(timer_prueba);	
//funcion del timer_prueba
function timer_prueba() {
	x= $("#timer");
	fecha = new Date();
	segundos = fecha.getSeconds();
	minutos = fecha.getMinutes();
	horas = fecha.getHours();
	

	if (horas > horaComienzo | horas < horaFinal) {
	diferenciaHoras = horas - horaComienzo +1;
	diferenciaMinutos = 60 - minutos -1;
	diferenciaSegundos = 60 - segundos;

	x.html("En este momento todos los servicios estan activados");

}

	else if(horas < horaComienzo && horas > horaFinal) {
	diferenciaHoras = horas - horaComienzo +1;
	diferenciaMinutos = 60 - minutos -1;
	diferenciaSegundos = 60 - segundos;
	
	x.html(diferenciaHoras + ":" + diferenciaMinutos + ":" + diferenciaSegundos);
	
	}
	
}
  
//definimos el intervalo
setInterval(timer_prueba,1000);



  
  </script>

Problemas:

1- Me marca las horas que quedan en negativo, cómo puedo cambiar eso?

2- Evidentemente, y como bien dices #2 ahora no estoy controlando la zona horaria por la que entran, y la hora que recojo en variables, es la que obtengo del cliente, no es así?

Este punto es importante porque la web recibe visitas desde todas partes del mundo, y mayoritariamente de US

Dado el caso 2, como podría cambiar el código para que funcionara correctamente? De verdad, que no pido que me hagáis el trabajo ni nada xD Soy muy newbie en esto, llevo mucho sin tocar código, y estoy ultraperdido.

Gracias de nuevo