Question

hey, how can I have my download link hidden, and make a count down type thing. Maybe have it count down from 10 and once it’s done that have the download link appear, it would be best to do it in js right?

does anyone know how to do this? 😀

Thanks

Answer 1

You can use setInterval for this. setInterval behaves like a timer, where you can run a certain function periodically. Something like this should do the work(untested):

$(".link").hide();

var iteration = 0;
var timer = setInterval(function() {
    if(iteration++ >= 10) {
        clearTimeout(timer);
        $(".link").show();
        $(".counter").hide();
    }

    $(".counter").text(10 - iteration);
}, 1000);

This will initially hide the download link and run a function every second which counts down from 10. When we reaced ten, we hide the counter and show the link. ClearTimeout is used so that we don’t count after we reached ten. Easy as dell.

Edit: As mentioned in the comments, this function is using jQuery to find the elements.