wie kann ich das 2 mal ausführen

Worka

Worka

Mitglied
Hallo Leute ich möchte gerne dieses Java Script mehr mals ausführen!
Es handelt sich um ein Zähler. Nur ich habe bald mehrere Spiele als Gewinnspiel und die enden unterschiedlich und wollte für jedes ein zähler einbauen , nur leider läuft es nur einmal...
Ich hab auch schon die Übergabewert schon mit einer zahl rangehangen z.B

Ausgabe1 und Rest1 im Formular und im Script, geht auch nicht :-(



Code: 
<BODY TEXT="#0000FF" LINK="#000000" onLoad="countdown();">

<script language="JavaScript">
var DT_msPerDay, DT_msPerHour, DT_msPerMinute, DT_msPerSecond;
var DT_TimerOn, DT_TimerId;
function DT_showCount(dateBegin, dateEnd, boxB)
{var timeDiff=dateEnd.getTime()-dateBegin.getTime();
if (timeDiff<=0)
{boxB.value="die im Quelltext angegebene Zielzeit ist bereits erreicht"; return(false);}
else{
var dd=Math.floor(timeDiff/DT_msPerDay);
timeDiff=timeDiff-dd*DT_msPerDay;
var hh=Math.floor(timeDiff/DT_msPerHour);
timeDiff=timeDiff-hh*DT_msPerHour;
var mm=Math.floor(timeDiff/DT_msPerMinute);
timeDiff=timeDiff-mm*DT_msPerMinute;
var ss=Math.floor(timeDiff/DT_msPerSecond);
hh=(hh>=10?hh:"0"+hh);
mm=(mm>=10?mm:"0"+mm);
ss=(ss>=10?ss:"0"+ss);
if (dd <= 1) boxB.value=dd+" Tag "+hh+" Std. "+mm+" Min. "+ss+" Sek., dann ist BRARUPMARKT"; 
else boxB.value=dd+" Tage "+hh+" Std. "+mm+" Min. "+ss+" Sek.";
if (dd == 0) boxB.value=dd+" Tage "+hh+" Std. "+mm+" Min. "+ss+" Sek., dann ist BRARUPMARKT"; return(true);}}
function DT_showDate(dateD, boxB){
var y=dateD.getYear();
var m=dateD.getMonth()+1;
var d=dateD.getDate();
var hh=dateD.getHours();
var mm=dateD.getMinutes();
var ss=dateD.getSeconds();
m=(m>=10?m:"0"+m);
d=(d>=10?d:"0"+d);
hh=(hh>=10?hh:"0"+hh);
mm=(mm>=10?mm:"0"+mm);
ss=(ss>=10?ss:"0"+ss);
boxB.value=d+"."+m+"."+y+"  "+hh+" Std. "+mm+" Min. "+ss+" Sek., dann ist BRARUPMARKT";}
function DT_stopTimer(){
if (DT_TimerOn){
clearTimeout(DT_TimerId);
DT_TimerOn=false;}}
function DT_startTimer(){
var dateNow=new Date();
var dateEOT=new Date(countdown_datum);
var On=DT_showCount(dateNow, dateEOT, document.Ausgabe.Rest);
if (On){
DT_TimerId=setTimeout("DT_startTimer()", 1000);
DT_TimerOn=true;}
else DT_stopTimer();}
function DT_initTimer(){
DT_msPerDay=24*60*60*1000;
DT_msPerHour=60*60*1000;
DT_msPerMinute=60*1000;
DT_msPerSecond=1000;
DT_TimerOn=false;
DT_TimerId=null;
DT_stopTimer();
DT_startTimer();}
function countdown()
{DT_initTimer();}
var countdown_datum='Jul 23, 2004 15:00:00';
</script>
<form name="Ausgabe">
        <p align="center"> <b><font face="Courier New, Courier, mono" size="5" color="#ffffff"> 
          <input size="48" name="Rest" style="font-family: Comic Sans MS; font-size: 16pt; font-weight: bold; color: #FF0000; text-align: center; background-color:#ffffff;border-width:0" onfocus="if(this.blur)this.blur()">
          </font></b> 
</form>

	</BODY>
 
Original geschrieben von Worka

Code: 
[viel gesnippt]
var On=DT_showCount(dateNow, dateEOT, document.Ausgabe.Rest);
<form name="Ausgabe">
          <input name="Rest">
</form>
Zum Vergrößern anklicken....

Hallo!
Du bist hier im Javaforum, Java != Javascript. :)

Du beziehst dich hardcoded auf deine Form "Ausgabe". Als erstes könntest du die JS-Funktionen, die nicht direkt auf deinen html-Quellcode referenzieren in eine Datei auslagern. Danach kannst du für jedes Counterformular die init- und start-Funktionen ausführen.

Grüsse TrueSun
 
hmm

hab ich schon gemacht in dateien ausgelagert zum Beispiel "zaehler1.js" .. "zaehler2.js"

und dann meinst du so

Code: 
[viel gesnippt]
var On=DT_showCount(dateNow, dateEOT, document.Ausgabe.Rest);
<form name="Ausgabe">
          <input name="Rest">
</form>
Code: 
[viel gesnippt]
var On=DT_showCount(dateNow, dateEOT, document.Ausgabe2.Rest2);
<form name="Ausgabe2">
          <input name="Rest2">
</form>

das geht so aber auch leider .nicht

Gruß Stefan
 
Code: 
var countdown_datum='Jul 23, 2004 15:00:00';

Es funktioniert nicht? Du meinst, beide counter zeigen die selbe Zeit an. Das liegt daran, dass beide counter obiges startdatum verwenden. Bau halt noch ein Parameter ein, welches Startdatum verwendet werden soll.
 
hmm

irgendwie bin ich nicht so javascriptHeld... kannst du mir nochmal ein beispiel geben... meine zaehler2.js sieht nun so aus...

Code: 
// test1

var DT_msPerDay, DT_msPerHour, DT_msPerMinute, DT_msPerSecond;
var DT_TimerOn, DT_TimerId;
function DT_showCount(dateBegin, dateEnd, boxB)
{var timeDiff=dateEnd.getTime()-dateBegin.getTime();
if (timeDiff<=0)
{boxB.value="die im Quelltext angegebene Zielzeit ist bereits erreicht"; return(false);}
else{
var dd=Math.floor(timeDiff/DT_msPerDay);
timeDiff=timeDiff-dd*DT_msPerDay;
var hh=Math.floor(timeDiff/DT_msPerHour);
timeDiff=timeDiff-hh*DT_msPerHour;
var mm=Math.floor(timeDiff/DT_msPerMinute);
timeDiff=timeDiff-mm*DT_msPerMinute;
var ss=Math.floor(timeDiff/DT_msPerSecond);
hh=(hh>=10?hh:"0"+hh);
mm=(mm>=10?mm:"0"+mm);
ss=(ss>=10?ss:"0"+ss);
if (dd <= 1) boxB.value=dd+" Tag "+hh+" Std. "+mm+" Min. "+ss+" Sek., dann ist BRARUPMARKT"; 
else boxB.value=dd+" Tage "+hh+" Std. "+mm+" Min. "+ss+" Sek.";
if (dd == 0) boxB.value=dd+" Tage "+hh+" Std. "+mm+" Min. "+ss+" Sek., dann ist BRARUPMARKT"; return(true);}}
function DT_showDate(dateD, boxB){
var y=dateD.getYear();
var m=dateD.getMonth()+1;
var d=dateD.getDate();
var hh=dateD.getHours();
var mm=dateD.getMinutes();
var ss=dateD.getSeconds();
m=(m>=10?m:"0"+m);
d=(d>=10?d:"0"+d);
hh=(hh>=10?hh:"0"+hh);
mm=(mm>=10?mm:"0"+mm);
ss=(ss>=10?ss:"0"+ss);
boxB.value=d+"."+m+"."+y+"  "+hh+" Std. "+mm+" Min. "+ss+" Sek., dann ist BRARUPMARKT";}
function DT_stopTimer(){
if (DT_TimerOn){
clearTimeout(DT_TimerId);
DT_TimerOn=false;}}
function DT_startTimer(){
var dateNow=new Date();
var dateEOT=new Date(countdown_datum);
var On=DT_showCount(dateNow, dateEOT, document.Ausgabe2.Rest2);
if (On){
DT_TimerId=setTimeout("DT_startTimer()", 1000);
DT_TimerOn=true;}
else DT_stopTimer();}
function DT_initTimer(){
DT_msPerDay=24*60*60*1000;
DT_msPerHour=60*60*1000;
DT_msPerMinute=60*1000;
DT_msPerSecond=1000;
DT_TimerOn=false;
DT_TimerId=null;
DT_stopTimer();
DT_startTimer();}
function countdown()
{DT_initTimer();}
var countdown_datum='Aug 5, 2004 15:30:00';


und in meiner HTMl Datei sieht das denn so aus...

Code: 
<script language="JavaScript" src="js/zaehler2.js" type="text/JavaScript"></script>
        <form name="Ausgabe2">
          <b> 
          <input size="30" name="Rest2" style="font-size: 7pt; font-weight: bold; color: #FF0000; text-align: center; background-color:#DFF2DD;border-width:0" onfocus="if(this.blur)this.blur()">
          </b> 
        </form>
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück