medicinedz
عدد المساهمات : 191 معدل النشاط : 3822 السُمعة : 0
| موضوع: طلب كود العد التنازلي السبت 15 أغسطس 2015 - 23:01 | |
| طلب كود العد التنازلي اريد كود العد التنازلي صورة للطلبي | |
|
hudaallah
عدد المساهمات : 883 معدل النشاط : 5853 السُمعة : 10
| موضوع: رد: طلب كود العد التنازلي الأحد 16 أغسطس 2015 - 4:11 | |
| هذة اكواد css يتم وضعها فى ورقة css - الكود:
-
.soon{ direction:rtl; background-color:#e0f1f4; border:1px solid #85c5cf; height:20px; width:295px; padding:10px 8px; border-radius:5px; } .text{ float:right; padding-left:3px; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; font-size:12px; } .hwamsh{ color:#F00; float:right; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; font-size:12px; } #time{ float:right; padding:0px 4px; } .time{ background-color:#fff; float:right; padding:5px 2px; border:1px solid #85c5cf; border-radius:5px; margin-top:-4px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; } وهذة الاكواد يتم وضعها فى المكان الذى تريده - الكود:
-
<!-- hwamsh.com --> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.3.min.js"></script> <script type="text/javascript"> (function($) { $.fn.countdown = function(toDate, callback) { var handlers = ['seconds', 'minutes', 'hours', 'days', 'weeks', 'daysLeft']; function delegate(scope, method) { return function() { return method.call(scope) } } return this.each(function() { // Convert if(!(toDate instanceof Date)) { if(String(toDate).match(/^[0-9]*$/)) { toDate = new Date(toDate); } else if( toDate.match(/([0-9]{1,2})\/([0-9]{1,2})\/([0-9]{2,4})\s([0-9]{1,2})\:([0-9]{2})\:([0-9]{2})/) || toDate.match(/([0-9]{2,4})\/([0-9]{1,2})\/([0-9]{1,2})\s([0-9]{1,2})\:([0-9]{2})\:([0-9]{2})/) ) { toDate = new Date(toDate); } else if(toDate.match(/([0-9]{1,2})\/([0-9]{1,2})\/([0-9]{2,4})/) || toDate.match(/([0-9]{2,4})\/([0-9]{1,2})\/([0-9]{1,2})/) ) { toDate = new Date(toDate) } else { throw new Error("Doesn't seen to be a valid date object or string") } } var $this = $(this), values = {}, lasting = {}, interval = $this.data('countdownInterval'), currentDate = new Date(), secondsLeft = Math.floor((toDate.valueOf() - currentDate.valueOf()) / 1000); function triggerEvents() { secondsLeft--; if(secondsLeft < 0) { secondsLeft = 0; } lasting = { seconds : secondsLeft % 60, minutes : Math.floor(secondsLeft / 60) % 60, hours : Math.floor(secondsLeft / 60 / 60) % 24, days : Math.floor(secondsLeft / 60 / 60 / 24), weeks : Math.floor(secondsLeft / 60 / 60 / 24 / 7), daysLeft: Math.floor(secondsLeft / 60 / 60 / 24) % 7 } for(var i=0; i<handlers.length; i++) { var eventName = handlers[i]; if(values[eventName] != lasting[eventName]) { values[eventName] = lasting[eventName]; dispatchEvent(eventName); } } if(secondsLeft == 0) { stop(); dispatchEvent('finished'); } } triggerEvents(); function dispatchEvent(eventName) { var event = $.Event(eventName); event.date = new Date(new Date().valueOf() + secondsLeft); event.value = values[eventName] || "0"; event.toDate = toDate; event.lasting = lasting; switch(eventName) { case "seconds": case "minutes": case "hours": event.value = event.value < 10 ? '0'+event.value.toString() : event.value.toString(); break; default: if(event.value) { event.value = event.value.toString(); } break; } callback.call($this, event); } $this.bind('remove', function() { stop(); // If the selector is removed clear the interval for memory sake! dispatchEvent('removed'); }); function stop() { clearInterval(interval); }
function start() { $this.data('countdownInterval', setInterval(delegate($this, triggerEvents), 1000)); interval = $this.data('countdownInterval'); } if(interval) stop(); start(); }); } // Wrap the remove method to trigger an event when called var removeEvent = new $.Event('remove'), removeFunction = $.fn.remove; $.fn.remove = function() { $(this).trigger(removeEvent); removeFunction.apply(this, arguments); } })(jQuery); </script> <script type="text/javascript" charset="utf-8"> $(function() { $('#hwamsh').countdown("2015/09/01" , function(event) { switch(event.type) { case "seconds": case "minutes": case "hours": case "days": case "daysLeft": $(this).find('#'+event.type).html(event.value); break; case "finished": $(this).hide(); break; } }); }); </script> <!-- hwamsh.com --> <div class="soon"> <div class="text">موعدنا معكم :</div> <div class="time" id="hwamsh"> <div class="hwamsh" id="days"></div><b id="time">يوم</b> <div class="hwamsh" id="hours"></div><b id="time">ساعة</b> <div class="hwamsh" id="minutes"></div><b id="time">دقيقة</b> <div class="hwamsh" id="seconds"></div><b id="time">ثانية</b> </div> | |
|
medicinedz
عدد المساهمات : 191 معدل النشاط : 3822 السُمعة : 0
| موضوع: رد: طلب كود العد التنازلي الأحد 16 أغسطس 2015 - 17:30 | |
| وكيف راح يشتغل العد التنازلي | |
|
{Lone~Wolf}
عدد المساهمات : 3575 معدل النشاط : 9642 السُمعة : 160
| موضوع: رد: طلب كود العد التنازلي الأحد 16 أغسطس 2015 - 18:08 | |
| | |
|
medicinedz
عدد المساهمات : 191 معدل النشاط : 3822 السُمعة : 0
| موضوع: رد: طلب كود العد التنازلي الثلاثاء 25 أغسطس 2015 - 14:37 | |
| | |
|