[SUCHE] JS-Codes

**a[Baua**

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!

Kev In

Hier hoffe es funktioniert

Code

<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>

Alles anzeigen

Natürlich musst du es noch Bearbeiten.

BILD = Link für die Bilder

HABBO.HN.HABBO.HN

HTML

<!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>

Alles anzeigen

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!