Hey,
ich bin auf der Suche nach einem JS Code dieser ab einer bestimmten Uhrzeit ein Bild wechselt.
Habe bereits gegooglet 
Guckste,
freue mich auf schnelle Hilfreiche antworten!
[SUCHE] JS-Codes
-
-
Hier hoffe es funktioniert
Code
Alles anzeigen<script type="text/javascript"> <!-- var bild = ""; var jetzt = new Date(); var Std = jetzt.getHours(); var now = new Date(); var month = now.getMonth() + 1; var date = now.getDate(); if (month == "08" && date==21 && (Std >= 19 && Std < 20)) {bild = "BILD";} // nach 5 Uhr bis 12:00 Uhr else if (month == "08" && date==21 && (Std >= 19 && Std < 20)) {bild = "BILD";} // nach 12:00 Uhr bis 18:00 Uhr else if (month == "08" && date==21 && (Std >= 20 && Std <= 21)) {bild = "BILD";} // nach 18:00 Uhr bis 23:00Uhr else if (month == "06" && date==5 && (Std < 5)) {bild = "BILD";} // nach 23:00 Uhr bis 05:00Uhr document.write('<img src="' +bild + '" />') //--> </script>Natürlich musst du es noch Bearbeiten.
BILD = Link für die Bilder
-
HTML
Alles anzeigen<!DOCTYPE html> <html lang="en"> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function () { mImages = new Array("http://api.jquery.com/jquery-wp-content/themes/jquery/images/logo-jquery.png", // 06- 12 Uhr "http://alltheragefaces.com/img/faces/large/laughing-lol-crazy-l.png", // 12- 18 Uhr "http://viewallpaper.com/wp-content/uploads/2013/07/Lol-Wallpaper-2013.jpg", // 18- 00 Uhr "http://www.max-tv.eu/wp-content/uploads/2012/01/League_of_Legends.jpeg"); // 00- 06 Uhr var mDateNow = new Date(); var mHour = mDateNow.getHours(); if(mHour >= 6 && mHour < 12) // Zwischen 06:00- und 11:59 $("#mDateImage").attr("src", mImages[0]); else if(mHour >= 12 && mHour < 18) // Zwischen 12:00- und 17:59 $("#mDateImage").attr("src", mImages[1]); else if(mHour >= 18 && mHour <= 23) // Zwischen 18:00- und 23:59 $("#mDateImage").attr("src", mImages[2]); else if(mHour >= 0 && mHour < 6) // Zwischen 00:00- und 05:59 $("#mDateImage").attr("src", mImages[3]); }); </script> <style type="text/css">body { background: #0769AD } img { margin: 250px }</style> </head> <body> <img src="http://api.jquery.com/jquery-wp-content/themes/jquery/images/logo-jquery.png" id="mDateImage"/> </body> </html>Dies ist fast das selbe, nur mit jQuery und etwas besser Dokumentiert. Außerdem.. kannst du im Array oben deine Bilder festlegen und nicht immer unten so Schwul.
- JayNike
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!