Thời gian nhấn chuột

JavaScriptBank

New member
Hiệu ứng sẽ tính bạn nhấn chuột hay sử dụng bàn phím trên trang web....


Demo:

Cách cài đặt

Bước 1: Copy mã JavaScript bên dưới và dán vào khu vực HEAD trên trang web của bạn
JavaScript
Mã:
<SCRIPT LANGUAGE="JavaScript">
// Author Derek Chilcote-Batto ([email protected]) | http://www.mixed.net
// Modified by: Ronnie T. Moore, Editor -->

<!-- Begin
secs2 = 0;
count = 0;
allBpm = 0;
avgBpm = 0;
bpm = 0;
ns = (navigator.appName == 'Netscape');
ie = (navigator.appName == 'Microsoft Internet Explorer');
function bpmCounter(e) {
if (ns) clearBpm = e.which;
else if (ie) clearBpm = event.button;
timeSeconds = new Date;
secs = timeSeconds.getTime();
if (count == 0) {
document.BEATSPERMINUTE.AVG.value = "";
document.BEATSPERMINUTE.NOW.value = "READY!  Start NOW!";
document.BEATSPERMINUTE.HIT.value = "";
document.BEATSPERMINUTE.ACG.value = "";
document.BEATSPERMINUTE.NCG.value = "";
secs2 = secs;
count++;
}
else {
oldBpm = bpm;
bpm = (1 / ((secs - secs2) / 1000)) * 60;
bpmChg = (Math.round((bpm - oldBpm) * 10)) / 10;
count++;
allBpm = allBpm + bpm;
oldAvg = avgBpm;
avgBpm = allBpm / (count - 1);
avgChg = (Math.round((avgBpm - oldAvg) * 10)) / 10;
secs2 = secs;
if (bpmChg >= 0) { PbpmChg = "+" + bpmChg } else { PbpmChg = bpmChg }
if (avgChg >= 0) { PavgChg = "+" + avgChg } else { PavgChg = avgChg }
document.BEATSPERMINUTE.AVG.value = (Math.round(avgBpm * 100)) / 100;
document.BEATSPERMINUTE.ACG.value = PavgChg;
document.BEATSPERMINUTE.NOW.value = (Math.round(bpm * 100)) / 100;
document.BEATSPERMINUTE.NCG.value = PbpmChg;
document.BEATSPERMINUTE.HIT.value = count;
}
return true;
}
document.onkeydown = bpmCounter;
document.onmousedown = bpmCounter;
//  End -->
</script>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Bước 2: Copy mã HTML bên dưới và dán vào khu vực BODY trên trang web của bạn
HTML
Mã:
<table border=0 width=400>

<tr><td width=50% align=middle valign=top>
<form name="BEATSPERMINUTE">
<table border=0 cellpadding=3 cellspacing=0 bgcolor="#007700">
<tr><td align=middle>
<table border=0 cellpadding=3 cellspacing=0 bgcolor="#00FF00">
<tr><td align=middle>
<table border=0 cellpadding=4 cellspacing=0 bgcolor="#efefef">
<tr><td><font color="#000000"><tt>AVERAGE BPM</tt></td>
<td><input name="AVG" size="20"></td><td><input name="ACG" size=6></td></tr>
<tr><td><font color="#000000"><tt>ONCLICK BPM</tt></td>
<td><input name="NOW" size="20"></td><td><input name="NCG" size=6></td></tr>
<tr><td><font color="#000000"><tt>TIMING HITS</tt></td>
<td><input name="HIT" size="20"></td><td>   </td></tr>

</table>
</td></tr></table>
</td></tr></table>
Click on the page to start the bpm counter<p>
Press a key or click your mouse to measure beats.<br>
You may also <input type=reset value="RESET "> the counter.<br>
Netscape 4.x+ and MSIE 4.x+ compatible.<p>
</form>
</table>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->


Bạn có thể xem thêm nhiều JavaScript khác về




- -
 
Back
Top