زر تحميل مع مؤقت العد التنازلي

  • Admin
زر تحميل مع مؤقت العد التنازلي
زر تحميل مع مؤقت العد التنازلي
الكثير منا فى حاجة الى استخدام زر تحميل مع إعادة التوجيه التلقائى الموقت لفتح رابط التحميل داخلى أو خارجى. لذلك اقدم لكم هذه الاضافة للاستمتاع بها و استخدامها فى زر الدوانلود
ضع كود الجافا سكربت قبل كود </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
}

التجربة هنا


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




شاهد ايضاً اضافات بلوجر
المزيد من اضافات بلوجر