 |
| زر تحميل مع مؤقت العد التنازلي |
ضع كود الجافا سكربت قبل كود
</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
}
التجربة هنا
حظأ موفقا :)
لا تنسوا التعليقات