Download button tester | APB Smart Guide

Download below

Download File

Button Script:-

{

<style>

.button {

    background-image: linear-gradient(to right, #0066ff, #00a1ff, #00c6eb, #00e087, #a8eb12);

    border: 1px solid black;

    color: white;

    font-family: Arial;

    font-size: small;

    text-decoration: none;

    padding: 3px;

}

.infotechapb{

    background-image: linear-gradient(to right, #0066ff, #00a1ff, #00c6eb, #00e087, #a8eb12);

    color: white;

}

</style>

<div style="text-align: center;">

<a href="https://infotechapb.blogspot.com/" id="download" class="button">Download File</a>

<button id="btn" class="infotechapb">Click to Download</button>

<script>

var downloadButton = document.getElementById("download");

var counter = 10;

var newElement = document.createElement("p");

newElement.innerHTML = "10 sec";

var id;

downloadButton.parentNode.replaceChild(newElement, downloadButton);

function startDownload() {

    this.style.display = 'none';

    id = setInterval(function () {

        counter--;

        if (counter < 0) {

            newElement.parentNode.replaceChild(downloadButton, newElement);

            clearInterval(id);

        } else {

            newElement.innerHTML = +counter.toString() + " second.";

        }

    }, 1000);

};

var clickbtn = document.getElementById("btn");

clickbtn.onclick = startDownload;

</script>

}