عداد تنازلي قبل ظهور رابط التحميل - jQuery

إسلام هوست

عضو جديد
16 سبتمبر 2010
16
0
0
السلام عليكم و رحمة الله و بركاته،

تلجأ العديد من المواقع التي تقدم روابط للتحميل، إلى مجموعة من التقنيات للاستفادة من هذا الرابط، منها ما تجعل الزائر يقضي أطول مدة بالصفحة الموجود بها هذا الرابط، و منها ما يكون الغرض منها الحصول على المزيد من إعجابات صفحة الفايسبوك مثلا…

من هذه التقنيات و التي هي موضوع درسنا لهذا اليوم، هو ظهور عداد تنازلي قبل ظهور رابط التحميل.

مثال مباشر : اضغط هنا

تحميل المثال من المرفقات.

لإظهار عداد تنازلي (بالثواني) للزائر قبل ظهور رابط التحميل، الأمر بسيط جدا.

أولا ضع الكود التالي بالمكان الذي تريد إظهار العداد التنازلي مع رابط التحميل به :

كود:
<a href="رابط التحميل هنا" id="makingdifferenttimer" rel="nofollow" style="display: none;" target="_blank">تحميل</a>
 <div id="mdtimer">
 <div style="font-size: large;">
 <b>رجاء انتظر <span>10</span> ثانية قبل ظهور رابط التحميل..</b></div>
 </div>

  • غير رابط التحميل بالرابط الذي يناسبك؛
  • غير الرقم 10 بالرقم الذي سيبدأ العد التنازلي به.

بعد ذلك قم بوضع كود الجيكويري التالي بين الوسمين <head></head> :

كود:
<script type="text/javascript">
 jQuery(document).ready(function() {
 var sec = 10
 var timer = setInterval(function() {
 $("#mdtimer span").text(sec--);
 if (sec == 0) {
 $("#makingdifferenttimer").delay(1000).fadeIn(1000);
 $("#mdtimer").hide(1000) .fadeOut(fast);}
 },1000);
 });
</script>

قم بتغيير الرقم 10 بالرقم الذي سيبدأ به العد التنازلي قبل ظهور رابط التحميل (يجب أن يكون متطابقا مع الرقم الموجود بكود HTML).
لا تنسى أن تضمن مكتبة الجيكويري بموقعك إذا لم تكن مضافة من قبل، و ذلك بوضع السطر التالي بعد الوسم <head> :

كود:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

بهذا يمكنك الاستفادة من روابط التحميل في موقعك، لجعل الزائر يقضي أطول وقت بالصفحة، لكن لا تبالغ في مدة العد التنازلي، لأن طول الانتظار يجعل الزائر يشعر بالملل وربما لا يعود لموقعك مرة أخرى. بالتوفيق.

المصدر الأصلي : عداد تنازلي قبل ظهور رابط التحميل بالجيكويري
 

المرفقات

  • Timer_Before_Download.zip
    785 بايت · المشاهدات: 141