Guest User

Jquery Countdown timer edited.

a guest
Jun 10th, 2013
497
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. $(function(){
  2.  
  3.     $("#datepicker").datepicker({
  4.         dateFormat: "yy, mm, dd",
  5.         onSelect: function(dateText, inst) {
  6.            
  7.             var some = $("#datepicker").val();
  8.             var dat  = new Date(some);
  9.             var ts   = dat.valueOf();
  10.             var note = $('#note');
  11.             var newYear = true;
  12.  
  13.  
  14.             if((new Date()) > ts){
  15.                     // The new year is here! Count towards something else.
  16.                     // Notice the *1000 at the end - time must be in milliseconds
  17.                 ts = (new Date()).getTime() + 10*24*60*60*1000;
  18.                 newYear = false;
  19.             }
  20.        
  21.             $('#countdown').countdown({
  22.                 timestamp   : ts,
  23.                 callback    : function(days, hours, minutes, seconds){
  24.                        
  25.                     var message = "";
  26.                            
  27.                     message += days + " day" + ( days==1 ? '':'s' ) + ", ";
  28.                     message += hours + " hour" + ( hours==1 ? '':'s' ) + ", ";
  29.                     message += minutes + " minute" + ( minutes==1 ? '':'s' ) + " and ";
  30.                     message += seconds + " second" + ( seconds==1 ? '':'s' ) + " <br />";
  31.                        
  32.                     if(newYear){
  33.                         message += "left until the new year!";
  34.                     }
  35.                     else {
  36.                         message += "left to 10 days from now!";
  37.                     }
  38.                     note.html(message);
  39.                 }
  40.             });
  41.  
  42.             $("#one_two").change(function(e) {
  43.  
  44.                 if($("#day").is(':checked')){
  45.                    
  46.                     $(".countDays").show();
  47.                     $(".countDiv0").show()  // checked
  48.                 }
  49.                 else{
  50.                    
  51.                     $(".countDays").hide();
  52.                     $(".countDiv0").hide()  // unchecked;
  53.                 }
  54.  
  55.                 if($("#hour").is(':checked')){
  56.                    
  57.                     $(".countHours").show();  // checked
  58.                     $(".countDiv1").show()
  59.                 }
  60.                 else{  
  61.  
  62.                     $(".countHours").hide();
  63.                     $(".countDiv1").hide()
  64.                 }
  65.  
  66.                 if($("#minute").is(':checked')){
  67.  
  68.                     $(".countMinutes").show();  // checked
  69.                     $(".countDiv2").show();
  70.                  }
  71.                 else{
  72.  
  73.                     $(".countMinutes").hide();
  74.                     $(".countDiv2").hide();
  75.                 }
  76.  
  77.                 if($("#second").is(':checked'))
  78.                     $(".countSeconds").show();  // checked
  79.                 else
  80.                     $(".countSeconds").hide();
  81.  
  82.                 if($("#level").is(':checked'))
  83.                     $("#note").show();  // checked
  84.                 else
  85.                     $("#note").hide();
  86.             });
  87.         }
  88.     })
  89. });
RAW Paste Data