[JavaScript]Countdown ala Rapidshare und Co

GFX-Sector - Scripte & Downloads

GFX-Sector » Coding Area » Scripte & Downloads » [JavaScript]Countdown ala Rapidshare und Co

» Hello Guest [Login|Register]

Last Post | First Unread Post

Print Page | Recommend to a Friend | Add Thread to Favorites

Scripte & Downloads

Du hast ein tolles Script gefunden oder geschrieben und möchtest es mit uns teilen? Hier ist der richtige Ort dazu.

[JavaScript]Countdown ala Rapidshare und Co

Author

Post

« Previous Thread | Next Thread »

bpr

Spender

Registration Date: 18.11.2007
Posts: 557
Location: London
Program: Zend Studio
Forums: Coding; International Section

[JavaScript]Countdown ala Rapidshare und Co

werbefreies Forum?

Hallo habe hier mal ein kleinen Countdown geschrieben. Ist ein wenig getrickst und jQuery ist ein wenig uebertrieben, ich bin aber von der Situation ausgegangen, dass jQuery bereits eingebunden ist und im Projekt eingesetzt wird. In diesem Thread ist der Javascript code in der HTML Datei, jedoch wuerde ich generell empfehlen das ganze auszulagern.

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:

<html>
	<head>
		<title>Countdown</title>
		<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
	</head>
	<script>
		var milisec	=	0; //Start Nachkommastelle
		var sec		=	10;	// Start Vorkommastelle	
		var time 	=	100; //Repeater Time (100 laesst es wie ein Sekunden Countdown aussehen)
		var ele		=	'#downloadButton'; //setzt das element, auf das alles angewendet wird
		$(ele).val(10); //Wert fuer ele wird ersetzt mit diesem
		
		//Mach den Countdown
		function showCountdown()
		{
			//Wenn die Milisec 0 erreicht, dann setzt sie auf 9 und ziehe von der skunde eine ab
			if ( milisec <= 0 )
			{
				milisec = 9;
				sec = sec - 1;
			}
			// wenn die secunde bei unter 0 ist dann setzt milisec auf 0 und die secunde wieder auf 0
			if ( sec <= -1)
			{
				milisec = 0;
				sec = sec + 1;
				//setzt den neuen Wert von ele auf Download
				$(ele).val( "Download" );	
				//die disabled funktion wird rausgenommen, sodass man den button benutzen kann
				$(ele).attr( "disabled", "" );				
			}
			else
			{
			// wenn der countdown noch nicht bei -1 angekommen ist, dann verfahre wie ein countdown, ziehe 1 immer ab und 
				milisec = milisec - 1;
				$(ele).val( sec+"."+milisec ); //schreib den neuen Wert in das ele
				setTimeout("showCountdown()",time) // und fang das gleiche wieder von vorne an nach time
			}
		}
	</script>
	<body onload="showCountdown()">
		<div id="cnt">
			<h1>Countdown:</h1>
			<form>
				<input type="button" value="Download" name="download" id="downloadButton" disabled="disabled" />
			</form>
		</div>
	</body>
</html>

Vielleicht kann es ja jemand gebrauchen, bzw. hilft es jemanden.

Verbesserungen und Kritik sind mehr als willkommen : )

Thanks for this thread by the author

Until now 3 users have thanked

08.12.2009 04:45

Fireball Fireball is a male

Boardchef

Registration Date: 11.11.2006
Posts: 16,355
Classing-Rank: GFX-Sector
Location: Bremen, Deutschland
Program: Adobe Photoshop CS2
Deviantart: oenismaster
Forums: (alle)

Sieht simpel und schick aus der Code smile

Eine Demo wäre vielleicht noch ganz nett, bevor ich mir das selbst alles zusammenfrickel *g*

GFX-Sector - Your GFX-Source No. 1
Fireball liebt Firefox

Fireballs Giftliste

SEOball SEO-Blog
Browserspiele Portal
Follow me on Twitter

08.12.2009 18:12

Mitusen-Service Mitusen-Service is a male

Buntstiftmaler

Registration Date: 08.12.2009
Posts: 94
Location: Russland

Ich habe das gerade ausprobiert, und da ist keine zeit zu sehen wie bei Rapidshare

08.12.2009 18:14

bpr

Spender

Registration Date: 18.11.2007
Posts: 557
Location: London
Program: Zend Studio
Forums: Coding; International Section

Thread Starter Thread Started by bpr

also ich habe eben nochmal copy und paste gemacht, was man natuerlich braucht is jquery, steht uebrigens auch im Startpost. : )

MIt der Demo kuemmer ich drum, muss erstmal den Mod_rewrite auf meiner domain dann umschreiben : )

08.12.2009 20:46

quantum

Pfadfinder

Spender

Registration Date: 29.12.2008
Posts: 721
Deviantart: xcracx

Wenn ihr das ganze nur mal schnell testen wollt, könnt ihr jquery direkt von Google einbinden.

php:
1:	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

Google stellt übrigens nicht nur jquery bereit, sondern viele der am meisten verwendeten Frameworks. Für interessenten: http://code.google.com/intl/de-DE/apis/ajaxlibs/

PS: Wenn mir heute das Passwort für meinen Webspace einfällt, kann ich ne Demo bereitstellen.

lg

This post has been edited 2 time(s), it was last edited by quantum: 22.12.2009 16:33.

22.12.2009 16:31

GFX-Sector
unregistered

Have you enjoyed this topic?

If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.

After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.

In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.

Sign up now and enjoy the advantages as a registered member.

(This website will be ad-free after a complete free sign up.)

22.12.2009 16:31

Tree Structure | Board Structure

GFX-Sector » Coding Area » Scripte & Downloads » [JavaScript]Countdown ala Rapidshare und Co

Similar topics to [JavaScript]Countdown ala Rapidshare und Co

Thread

Rapidshare (Forum: Multimedia)

Wie und womit kann ich eigene Input Elemente erstellen? (Forum: HTML, CSS)

[Frage] Flash und Photoshop? (Forum: Fragen & Probleme)

Auf auf und davon (Forum: Archiv)

[Real] Underwater (Forum: Signaturen/Avatare)