কিভাবে ডাউনলোড বাটনে কাউন্টডাউন টাইমার লাগাবেন | অ্যডভান্স ডাউনলোড টাইমার স্ক্রিপ্ট!

হ্যালো বন্ধুরা, অনলাইন কাজ বাংলা  ব্লগে আপনাকে স্বাগতম।  আজ এই আশ্চর্যজনক পোস্টে, আমরা ডাউনলোড বাটনে ক্লিক করার পরে 10 সেকেন্ডের কাউন্টডাউন টাইমার সম্পর্কে  জানব। এবং, আপনার পোস্টের জন্য, অ্যাডভান্স ডাউনলোড বাটন স্ক্রিপ্ট ফ্রী তৈরি করতে পারবেন। তাই শেষ অবধি এই পোস্টটি দেখতে থাকুন।

ডাউনলোড বাটনে ক্লিক করলে 10 সেকেন্ডের কাউন্টডাউন টাইমার  কিভাবে লাগাবেন!

কিভাবে ডাউনলোড বাটনে কাউন্টডাউন টাইমার লাগাবেন | অ্যডভান্স ডাউনলোড টাইমার স্ক্রিপ্ট!

যাইহোক, আমি কিছু ডাউনলোড টাইমার স্ক্রিপ্ট নিয়ে আপনার মাঝে হাজির হয়েছছি। আজকে কোডটি আমি এই স্ক্রিপ্টগুলিতে ফ্রী সরবরাহ করব । আমরা ব্লগে পোস্ট লিখার সময় অনেক ডাউনলোড বাটন এ্যাড করতে হয় যেন ভিউয়ার সেটা ব্যবহার করতে পারে। আমি আজকে আপনাদের সুন্দর একটি কাউন্টডাউন টাইমার শেষ হওয়ার পরেই ডাউনলোড বাটন দেখতে পায় সেই স্ক্রিপ্ট দিব যেন আপনার ব্লগ স্থায়িত্ব বৃদ্ধি পায়।  এখন আরও অনেক বন্ধু রয়েছে যাদের অ্যাডভান্স ডাউনলোড বাটন স্ক্রিপ্ট দরকার।

অবশ্যই পড়ুন-

তার মানে এই স্ক্রিপ্টে, ডাউনলোড বোতামে ক্লিক করার পরে টাইমারটি দেখাবে এবং তারপরে ডাউনলোড বোতামটি আবার প্রদর্শিত হবে। এটিই যখন এইচটিএমএল, সিএসএস, জাভাস্ক্রিপ্টের মতো স্ক্রিপ্টগুলি অনুসন্ধান করা হয় যখন আমি ডাউনলোড বোতামটি ক্লিক করি তারপরে কাউন্টডাউন টাইমার শুরু হবে।

কাউন্টডাউন টাইমার সহ অ্যাডভান্স ডাউনলোড বোতাম স্ক্রিপ্ট।

Code-
<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;
}
.Online kaj{
    background-image: linear-gradient(to right, #0066ff, #00a1ff, #00c6eb, #00e087, #a8eb12);
    color: white;
}
</style>

<div style="text-align: center;">
<a href="আপনার লিংক" id="download" class="button">Download File</a>

<button id="btn" class="techly360">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>
Note: কোডটি এ্যাড করার সময় অবশ্যই "<a href="#" ট্যাগে আপনার লিংকটি বসিয়ে দেবেন।

আমাদের শেষ কথাঃ

তো বন্ধুরা, ডাউনলোড বাটন লিংক প্রদর্শিত হওয়ার আগে আপনি কীভাবে 10 সেকেন্ডের কাউন্টডাউন টাইমার তৈরি করতে পারেন? পোস্টি কেমন ছিল। কমেন্ট  করে আপনার মতামত দিন এবং আপনার বন্ধুদের সাথে পোস্ট শেয়ার করুন।

2 Comments

By commenting you acknowledge acceptance of Whatisloved.com-Terms and Conditions

  1. Vai techmag aponar blog themeta diben premium ta

    ReplyDelete

Post a Comment

By commenting you acknowledge acceptance of Whatisloved.com-Terms and Conditions

Post a Comment

Previous Post Next Post