طلب كود العد التنازلي

اذهب الى الأسفل

ãÚáæãÉ طلب كود العد التنازلي

مُساهمة من طرف medicinedz في السبت 15 أغسطس 2015 - 23:01

طلب كود العد التنازلي

اريد  كود العد التنازلي

Cool  صورة للطلبي


avatar
medicinedz
 
 

ذكر
عدد المساهمات : 255
معدل النشاط : 1363
السُمعة : 0

http://www.medicinedz.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: طلب كود العد التنازلي

مُساهمة من طرف hudaallah في الأحد 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>   
avatar
hudaallah
 
 

ذكر
عدد المساهمات : 944
معدل النشاط : 3396
السُمعة : 10

http://www.hwamsh.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: طلب كود العد التنازلي

مُساهمة من طرف medicinedz في الأحد 16 أغسطس 2015 - 17:30

Shocked وكيف راح يشتغل العد التنازلي
avatar
medicinedz
 
 

ذكر
عدد المساهمات : 255
معدل النشاط : 1363
السُمعة : 0

http://www.medicinedz.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: طلب كود العد التنازلي

مُساهمة من طرف {Lone~Wolf} في الأحد 16 أغسطس 2015 - 18:08

avatar
{Lone~Wolf}
 
 

ذكر
عدد المساهمات : 4339
معدل النشاط : 7174
السُمعة : 160

http://www.t-mrkz.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: طلب كود العد التنازلي

مُساهمة من طرف medicinedz في الثلاثاء 25 أغسطس 2015 - 14:37

تم الحل
avatar
medicinedz
 
 

ذكر
عدد المساهمات : 255
معدل النشاط : 1363
السُمعة : 0

http://www.medicinedz.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى