How would i create a jquery timer that starts when a link is 'mouse-overed', Displays a 1,2,3, 4 and 5, one after the other. Then on 5 pops up a login box?
Cheers.
What is a countdown timer. A countdown timer is a virtual clock running on a landing page. And it counts down from a certain date to indicate the beginning (or the end) of an event. On eCommerce websites, you can use a countdown timer to display the beginning (or the end) of an offer.
How about:
var counter = 0;
var interval = setInterval(function() {
counter++;
// Display 'counter' wherever you want to display it.
if (counter == 5) {
// Display a login box
clearInterval(interval);
}
}, 1000);
This is exactly the code that worked for me:
<p>You'll be automatically redirected in <span id="count">10</span> seconds...</p>
<script type="text/javascript">
window.onload = function(){
(function(){
var counter = 10;
setInterval(function() {
counter--;
if (counter >= 0) {
span = document.getElementById("count");
span.innerHTML = counter;
}
// Display 'counter' wherever you want to display it.
if (counter === 0) {
// alert('this is where it happens');
clearInterval(counter);
}
}, 1000);
})();
}
</script>
<meta http-equiv="refresh" content="10;url=http://www.example.com" />
Hope it helps ;)
http://jsfiddle.net/brynner/Lhm1ydvs/
HTML
<span class="c" id="5"></span>
JS
function c(){
var n=$('.c').attr('id');
var c=n;
$('.c').text(c);
setInterval(function(){
c--;
if(c>=0){
$('.c').text(c);
}
if(c==0){
$('.c').text(n);
}
},1000);
}
// Start
c();
// Loop
setInterval(function(){
c();
},5000);
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With