زر تحميل مع مؤقت العد التنازلي
زر تحميل مع مؤقت العد التنازلي
الكثير منا فى حاجة الى استخدام زر تحميل مع إعادة التوجيه التلقائى الموقت لفتح رابط التحميل داخلى أو خارجى. لذلك اقدم لكم هذه الاضافة للاستمتاع بها و استخدامها فى زر الدوانلود
ضع كود الجافا سكربت قبل كود </head> أو </body>
<script type="text/javascript">
//<![CDATA[
function generate() {
var linkDL = document.getElementById("download"),
btn = document.getElementById("btn"),
directlink = document.getElementById("download").href,
time = 10;
var text_time = document.createElement("span");
linkDL.parentNode.replaceChild(text_time, linkDL);
var id;
id = setInterval(function () {
time--;
if (time < 0) {
text_time.parentNode.replaceChild(linkDL, text_time);
clearInterval(id);
window.location.replace(directlink);
linkDL.style.display = "inline";
} else {
text_time.innerHTML = "" + time.toString() + " دقيقة";
btn.style.display = "none";
}
}, 1000);
}
//]]>
</script>
الرقم باللون البرتقالى تستطيع من خلالة تعديل زمن المؤقت
و بعدها اضافة الكود التالى و به شكل زر التحميل وتحديد اسمه
<button onclick="generate()" id="btn">Download</button>
<a id="download" href="link-download" style="display:none">Download</a>
يمكنك تعديل كلمة Download لكلمة تحميل أو غيرها
أخيرا إضافة كود CSS لإزالة رابط التحميل
#link-download {
display: none
}

التجربة هنا


حظأ موفقا :)
لا تنسوا التعليقات

إرسال تعليق

 
Top