Script Categories













Calculators >>> Beat Counter.

A manual Beats per Minute (BPM) counter for DJs. Counts the beats-per-minute of a song by tapping a key or the mouse to the beat of a song. Simply click on the page to start the time then tap any key to the beat.

AVERAGE BPM
ONCLICK BPM
TIMING HITS
Click on the page to start the bpm counter
Press a key or click your mouse to measure beats.
You may also the counter.
Netscape 4.x+ and MSIE 4.x+ compatible.

Add the below code to the <body> section of your page:

<script language="javascript" type="text/javascript">
/* Visit http://www.yaldex.com/ for full source code
and get more free JavaScript, CSS and DHTML scripts! */
<!-- 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>
<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"></td><td><input name="ACG" size=6></td></tr>
<tr><td>
<font color="#000000"><tt>ONCLICK BPM</tt></td>
<td>
<input name="NOW"></td><td><input name="NCG" size=6></td></tr>
<tr><td>
<font color="#000000"><tt>TIMING HITS</tt></td>
<td>
<input name="HIT"></td><td>   </td></tr>
</table>
</td></tr></table>
</td></tr></table>
Click on the page to start the bpm counter<br>
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.<br>
</form>
</table>

JavaScript Editor Get Advanced
JavaScript and Ajax Editor,
Validator and Debugger!

1st JavaScript Editor.



Code was highlighted by 1st JavaScript Editor (The Best JavaScript Editor!).




©