What I have: A unique countdown timer that starts at 3 seconds and counts down to 0s.
<div class="phrase"> This is a statement.</div>
<p>
<div style='font-family: Arial; font-size: 12px; color:gray'>
<br><span class="timer" id="s2"></span>
<script>
function countTheWords( elementName, minutes, seconds )
{
var element, endTime, letters, lineup, msLeft, time;
function twoDigits( n )
{
return (n <= 9 ? "0" + n : n);
}
function updateTimer()
{
msLeft = endTime - (+new Date);
if ( msLeft < 1000 ) {
element.innerHTML = "<div style='font-family: Arial; font-size: 12px; color:#eda1a1'>0:00</div>";
} else {
time = new Date( msLink );
letters = time.getUTCHours();
lineup = time.getUTCMinutes();
element.innerHTML = (letters ? letters + ':' + twoDigits( lineup ) : lineup) + ':' + twoDigits( time.getUTCSeconds() );
setTimeout( updateTimer, time.getUTCMilliseconds() + 500 );
}
}
element = document.getElementById( elementName );
endTime = (+new Date) + 1000 * (60*minutes + seconds) + 500;
updateTimer();
}
countTheWords("s2", 0, 3);//2nd value represents the minute, while 3rd denotes the seconds
</script>
</div>
What I'm attempting to do:
Modify the number of seconds in the countdown timer based on the number of words in the "phrase" div.
For instance, if the phrase contains:
• "This is a statement" → 4 words → countdown timer runs from 4s to 0s
• "This is statement" → 3 words → countdown timer counts down from 3s to 0s
• "Another statement" → 2 words → countdown timer progresses from 2s to 0s
I've conducted an extensive search via Google but found no solution; appreciate any assistance provided.