nicht angemeldet
mehrere Javascriptcounter auf einer Seite
0 
JürgenB
0
mehrere Javascriptcounter auf einer Seite
Matthias ApselHallo Leute!
Ich möchte das folgende Script (gefunden auf http://praveenlobo.com1)
mehrmals auf einer Seite anwenden. Aber sobald ich es 2 Mal reinsetze funktionieren beide nicht mehr. Ich habe mich mit der Umbenennung der Variablen gespielt aber ich schaffe es einfach nicht.
Kann mir jemand helfen?
Vielen Dank
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>JavaScript Day Counter - Praveen Lobo</title>
<script type="text/javascript">
/**********************************************************************************************
* Day Counter script by Praveen Lobo (http://PraveenLobo.com/techblog/javascript-counter-count-days/)
* This notice MUST stay intact(in both JS file and SCRIPT tag) for legal use.
* http://praveenlobo.com/blog/disclaimer/
**********************************************************************************************/
function DayCounter(initDate, id){
this.counterDate = new Date(initDate);
this.container = document.getElementById(id);
this.calculate();
}
DayCounter.prototype.calculate=function(){
var secDiff = Math.round(((new Date()) - this.counterDate)/1000);
var nextUpdate = (nextUpdate = (secDiff % 86400)) < 0? (nextUpdate*-1) : (86400-nextUpdate);
var tmp = Math.abs((tmp = secDiff/86400)) < 1? 0 : tmp;
var days = (tmp < 0 ? Math.ceil(tmp) : Math.floor(tmp));
this.container.innerHTML =
"<strong>" + days + "</strong> " + (Math.abs(days) == 1? "day" : "days");
var self = this;
setTimeout(function(){self.calculate();}, (++nextUpdate*1000));
}
window.onload=function(){ new DayCounter('November 1, 2012 00:00:00', 'counter'); }
</script>
</head>
<body>
<div id="counter">Contents of this DIV will be replaced by the timer</div>
</body>
</html>
-
Hallo Rapid,
ich sehe da nur einen Counteraufruf. Wie hast du denn den zweiten eingebaut?
Gruß, Jürgen
-
Moin,
Ich möchte das folgende Script (gefunden auf http://praveenlobo.com1)
mehrmals auf einer Seite anwenden.Mehrmals anwenden ≠ 2 mal einsetzen
window.onload=function(){ new DayCounter('November 1, 2012 00:00:00', 'counter'); }
Hier wird ein Counter initialisiert. Initialisiere dir doch einfach einen zweiten:
window.onload=function(){ new DayCounter('November 1, 2012 00:00:00', 'counter'); new DayCounter('November 14, 2012 00:00:00', 'counter2'); }<div id="counter">Contents of this DIV will be replaced by the timer</div>
<div id="counter2">This will be also replaced</div>Du kannst jederzeit und überall einen neuen Counter initialisieren. Du musst einfach ein Init-Datum übergeben und die ID eines Elements:
new DayCounter(datum, id);Achte nur darauf, dass das Datum in der Form wie bei den anderen Aufrufen bleibt.
Grüße Marco
-
Om nah hoo pez nyeetz, misterunknown!
Achte nur darauf, dass das Datum in der Form wie bei den anderen Aufrufen bleibt.
und darauf, dass eine ID nicht mehrfach vergeben wird.
Matthias
--
1/z ist kein Blatt Papier.
-