Skocz do zawartości

[JS][Html] Liczenie ilości znaków na minutę.


radekxx

Polecane posty

Witam,

mam taki program, czy skrypt, który przy wpisywaniu tekstu do textarea wyświetla ilość wpisanych znaków w podobnym polu. Dodałem do tego timer, który po naciśnięciu przycisku start zaczyna liczyć czas w sekundach i wyświetla go w kolejnym polu, po naciśnięciu stop odliczanie się zatrzymuje. Teraz chciałbym obok tego pola wyświetlała się ilość znaków pisanych na minutę. Obliczenie nie jest skomplikowane. Ale chodzi o to żeby zarówno odliczanie czasu, jak i wyświetlanie aktualnego wyniku jeśli chodzi o liczbę znaków na minutę rozpoczynało się samo w momencie rozpoczęcia pisania w textarea oraz aby na przykład po 3 sekundach po zaprzestaniu pisania następowało wstrzymanie odliczania do momentu wznowienia pisania. Nie znam się dobrze na programowaniu, ale potrzebuję tego do pracy. Oto kod:

 

 

<html>
<head>
<title>Dienhart > Daboo > Character Counter</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script LANGUAGE="JavaScript">
<!--
function TextCount(TextField)
{
   var str = new String(document.tagform.elements[TextField].value);
   var length = str.length;
   document.tagform.elements[TextField + "Count"].value = length;
}
function PasteFinal()
{
   var TitleString = new String(document.tagform.elements["title"].value);
}
//-->
</SCRIPT>
<script type="text/javascript">
var c=0;
var t;
var timer_is_on=0;
function timedCount()
{
document.getElementById('txt').value=c;
c=c+1;
t=setTimeout("timedCount()",1000);
}
function doTimer()
{
if (!timer_is_on)
 {
 timer_is_on=1;
 timedCount();
 }
}
function stopCount()
{
clearTimeout(t);
timer_is_on=0;
}
</script>
<center><body onLoad="TextCount('title');" bgcolor="#90EE90">
<h2>Daboo Character Counter</h2><br>
<form>
<input type="button" value="Start count!" onClick="doTimer()"> // tu przycisk do zerowania liczników
<b>Czas: </b>
<input type="text" id="txt"> // tu ma być wyświetlany czas w sekundach, a najlepiej w minutach i sekundach np. 2:34
<b>Zn/min: </b>
<input type="text" id="txt">// tu ma być wyświetlana ilość znaków jakie wpisujemy na minutę
<input type="button" value="Stop count!" onClick="stopCount()"> // ten przycisk out
</form>
<textarea name="title2" style="font-family: Lucida Sans Unicode "  cols="150" rows="1"></textarea><br><br>
<form name="tagform" >
 <b>Tekst ma</b>
 <input type="text" name="titleCount" size="1">
 <b>znaków.</b><br><br>
 <textarea name="title" style="font-family: Lucida Sans Unicode " onKeyUp="TextCount('title');PasteFinal();" cols="150" rows="25"></textarea> // tutaj jest wpisywany tekst
 <p> <a href="http://www.google.pl">GOOGLE</a></p>
 </form>
</body></center>
</html>

 

Bardzo proszę Was o pomoc w rozwiązaniu problemu.

 

Super byłoby gdyby jeszcze przy tych polach z czasem i zn/min znajdował się przycisk zerujący obydwa te pola, tak aby po kolejnym rozpoczęciu pisania w textarea liczniki ruszyły od nowa. Oraz aby licznik znaków był uaktualniany co 1 sekundę.

Link do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat jest archiwizowany i nie można dodawać nowych odpowiedzi.

×
×
  • Utwórz nowe...