Nedräkning i submit-button

robertsson · 2005-02-18, 09:36

Nu har jag letat på nätet i dagar utan framgång med jag vet att jag sett det innan.

Är det någon som har ett script som gör att när man kommer in på sidan så är submit knappen disabled och går inte trycka i typ 15 sekunder och blir sedan enabled? Helst ska man kunna se en räknare i knappen så man vet hur lång tid det är kvar.

Schneaker · 2005-02-18, 10:18

Kod:

<html>
	<head>
<script language="javascript">
function fixtime(input){
	minutes = Math.round((input / 60) + 0.5) - 1;
	seconds = input - (minutes * 60);
	minutes = minutes + "";
	if(minutes.length < 2){
 minutes = "0" + minutes;
	}
	seconds = seconds + "";
	if(seconds.length < 2){
 seconds = "0" + seconds;
	}
	returnval = minutes + ":" + seconds;
	return returnval;
}

function testtime(){
	if(i >= 0){
 document.forms.exampleform.submitbutton.value = 'Knappen låst (' + fixtime(i) + ')';
 i = i - 1;
 setTimeout("testtime()", 1000);
	}
	else{
 document.forms.exampleform.submitbutton.value = 'Skicka';
 document.forms.exampleform.submitbutton.disabled = false;
	}
}
</script>
</head>
	<body>
	<form action="http://127.0.0.1" method="post" name="exampleform">
	<input type="submit" name="submitbutton" disabled="true" />
	</form>
	<script language="javascript">
 var i = 10; //Antal sekunder att räkna ner
 testtime();
	</script>

Visar visserligen tiden i mm:ss, men det är lätt att modda, tror jag. Modifierade lite kod som jag skrev för längesedan.

*edit: En snyggare variant med mindre kod och indentering finns att hämta från http://extra.hamsterpaj.net/submitcountdown.html

Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)

Menu

Nedräkning i submit-button