Op bepaalde tijd een bepaalde afbeelding laten zien

[Erwin33]

Beste allemaal,

Ik ben opzoek naar een script waarbij ik op een bepaalde tijd een bepaalde afbeelding kan laten. Wat is de bedoeling: Wij hebben een klantenservice en doormiddel van een afbeelding
wil ik laten zien dat deze open is

Zie voorbeeld

Deze afbeelding moet tussen 10.00 uur en 17.30 uur zichtbaar zijn en de afbeelding als we gesloten zijn op de andere tijd.

Wie heeft hier ene goede oplossing voor, alvast zeer bedankt voor de hulp.

 

[Tha Devil]

Dat is een kwestie van een tijd vergelijken met de huidige tijd: http://jsfiddle.net/zcHDJ/1/

Standaard staat de afbeelding op "Online".
Ik heb voor de afbeeldingen een base64-string gebruikt, deze kun je gewoon vervangen door het pad naar je afbeeldingen.

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJkSURBVDjLhVLPSxRhGH5mf8yOs9O6aa2b6BJhsW3RilAXDSW65clDdgwkEBH/gIiI6FC3uoRBQYeooP4Aw9isQ2xG5YZEVFrINmnFto67s7sz33xf76wedEfwgxdm4H1+vO/zSkIINL7Bax/PpxLRkXhUTVuMY/7Hci4z++2e/njofmNvYDvwqe726/2pcJsa9MMhgd7D4T5NUQ8GBibBZka3kPgaCZKk7IKbVT8qNodpcUToe6g33tadOjCyo4NYREkrpGyYHLYDMEfArHFoioTE/o70jgRVC3AIZDMqLogA9fKR12qVefblGWHui54rmDZCsoSaLVClUkMSVlYZZl7P53YkyGQ/T9+dWqoaFY6K5ZaDEo1w42GOVWaz7xv7pc0x9kxkh/uOxa6c6JSSnDz/MgJgFGM0ZCLALTzKrhZePnh1S+gXr3p2cHQ0kx7oSVwePtmWbNUCKFsCKb6+i3K1GXKQY2JfrCW/XJqQfGNvBL/9bMsILRF1/MzxWGo3RfbHoK3VjUkgDlhEsqDXEKJ0Lgx2tSJ56JJnB13tLf3NYR9+F20CCwJSuSnw9W8hJHxdMtHeqiAYix/xEGia0ilLPuRXKnVVx41vYwRG6XEOGGsMst8PWVF3eXZgWUyixChvCc6GMiNwja7RJjR3x3GLRFwyj4PFvPFzQTehNUn1f4e6LIfXCdxDovGR2BvEh+9lVArFNQ/BdCY/Pjq5eGfqbQGC1IPkpEkGwnREMvl09/DkxQpuPs0beDd3ets7cF/HuefL8ViU7YnIYbpcTS+Y0P9apXLe+IeSWRSfzvZs7v8PV6U0ly704DwAAAAASUVORK5CYII" id="online-status" alt="Online" />

[js]var currDate = new Date();
// Uncomment to show what happens if the time is out of range
//var currDate = new Date(2013, 7, 30, 17, 31, 0, 0);
var currTime = parseInt(currDate.getHours() + (currDate.getMinutes() < 10 ? '0' : '' ) + currDate.getMinutes());

if(currTime < 1000 || currTime > 1730) {
document.getElementById("online-status").src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAE4SURBVCjPZdBLSwIBGIXh/lHQb4guyza1CEIqpNoIQdHKXEQQrkS6IUSLFhYFtpCIwUAG07IstTTnqjNTjnSRZmPg4m3lpYZvd84DB74BBjq36zkXk07CORB9nl7aVydtkwZ1NKL2tMcFYqLJOxYGb1QIiC5w5dhYGOgo6EQcFxCcOjV0VCRUdtxgX1R4RaZClTzz7okF/2FLo0SRChvtkdA/sDl1Wk6RQuASAYHg54S/D6wPnjzrNLAwqVJBJsfax/BoFwQjZWw0LEx0SmQocsGk2AVHko6MhoGByhMZEqSZ++qCs5bBLSo1qkgUSBMny1K7C45/qtwho6NQ4oFr4mRZ7IGwmqWAjMILee65IUWMmd6Ed3xlL4qEjkqZR9KE8X2PDf151Kq9ZW03Q+1Ae7np1WZznfwXGfNkzblrzUIAAAAASUVORK5CYII=";
}[/js]

 

[Supersnail]

Ik zou hier geen Javascript voor gebruiken, maar PHP o.i.d. Javascript gebruikt de tijd van de computer van de bezoeker, dus iemand in een andere tijdzone (of met een verkeerde tijd ingesteld) kan de verkeerde afbeelding te zien krijgen.