[JavaScript] button wartezeit 1 bis 100 zählen

MAsterRg · 15. Januar 2010

button wartezeit 1 bis 100 zählen

code:

PHP:

    < script language = "javascript" >
<!--
var  secs  =  100 ;
var  wait  =  secs  *  100 ;
  document . sform . submitbtn . disabled = true ;
    
for( i = 1 ; i <= secs ; i ++) {
  window . setTimeout ( "update("  +  i  +  ")" ,  i  *  100 );
}
 
  window . setTimeout ( "timer()" ,  wait );
 
function  update ( num ) {
 if( num  == ( wait / 100 )) {
   document . sform . submitbtn . value  =  "                    Senden                  " ;
 }
 else {
   printnr  = ( wait / 100 )- num ;
   document . sform . submitbtn . value  =  "Bitte Warten..("  +  printnr  +  "%)" ;
 }
}
 
function  timer () {
  document . sform . submitbtn . disabled = false ;
}
  //-->
  </ script >
< input  class= "input"  type = "SUBMIT"  name = "submitbtn"  value = "Bitte warten..     " >

Ich verstehe leider nur die Grundfunktionen von JS.

kann man das Script so umschreiben. das er von 1 anfängt zu zählen und bei 100 aufhört und den button freigibt?

ich wäre für eure hilfe dankbar

Anzeige

hacker5 · 15. Januar 2010

AW: button wartezeit 1 bis 100 zählen

Hat eigentlich gar nichts mit JS zu tun..Eher mit Mathe. Wenn du die Grundfunktionen kennst hättest du es sehen müssen.^^

Wir wollen wen aktuellen Wert und nicht den 100% - den Wert
Sprich aus

Code:

 printnr = (wait/100)-num;

wird

Code:

 printnr = num;

Code:


<script type="text/javascript">
<!--
var secs = 100;
var wait = secs * 100;

window.onload=function() {
document.sform.submitbtn.disabled=true;
 
 
 
for(i=1;i<=secs;i++) {

 window.setTimeout("update(" + i + ")", i * 100);
}

window.setTimeout("timer()", wait);
}


function update(num) {
 if(num == (wait/100)) {
 document.sform.submitbtn.value = " Senden ";
 }
 else {
 printnr = num;
 document.sform.submitbtn.value = "Bitte Warten..(" + printnr + "%)";
 }
}

function timer() {
 document.sform.submitbtn.disabled=false;
}
//-->
</script>

MAsterRg · 15. Januar 2010

AW: button wartezeit 1 bis 100 zählen

Du hast recht. war wohl etwas spät gestern

Murdoc · 15. Januar 2010

AW: button wartezeit 1 bis 100 zählen

abwärts

HTML:

<html>
 <head>
 <title>Countdown</title>
 <script type="text/javascript">
 window.onload = function() {
 var button = document.getElementById('cbutton');
 var timer = 100; //sekunden
 var count = 0;
 
 button.disabled = true;
 
 var i = window.setInterval(function() {
 if(++count >= timer) {
 window.clearInterval(i);
 button.value = 'fertig';
 button.disabled = false;
 return;
 }
 
 button.value = 'Bitte warten... ' + (timer - count) + ' sek';
 }, 1000);
 }
 </script>
 </head>
 <body>
 <input type="button" value="lade..." id="cbutton" />
 </body>
</html>

aufwärts:

HTML:

<html>
 <head>
 <title>Countdown</title>
 <script type="text/javascript">
 window.onload = function() {
 var button = document.getElementById('cbutton');
 var timer = 100; //sekunden
 var count = 0;
 
 button.disabled = true;
 
 var i = window.setInterval(function() {
 if(++count >= timer) {
 window.clearInterval(i);
 button.value = 'fertig';
 button.disabled = false;
 return;
 }
 
 button.value = 'Bitte warten... ' + count + '/' + timer + ' sek';
 }, 1000);
 }
 </script>
 </head>
 <body>
 <input type="button" value="lade..." id="cbutton" />
 </body>
</html>

Nützliche Suchen

[JavaScript] button wartezeit 1 bis 100 zählen

Videos zum Themenbereich