数字时钟 (JavaScript ,JQuery)

Javascript: 

[javascript]  view plain copy
  1. function systemDate(){      
  2.    //获取系统时间        
  3.    var date=new Date();         
  4.    var month=date.getMonth()+1; //month默认0-11,所以要加1         
  5.    var minutes=date.getMinutes(),Min;         
  6.    var seconds=date.getSeconds(),updateTime;     
  7.    updateTime=60-seconds;       
  8.    minutes<=9 ? Min="0"+minutes : Min=minutes;        
  9.    var week=date.getDay(),day;         
  10.    switch(week){          
  11.        case 1 : day="星期一";break;     
  12.        case 2 : day="星期二";break;       
  13.        case 3 : day="星期三";break;      
  14.        case 4 : day="星期四";break;      
  15.        case 5 : day="星期五";break;      
  16.        case 6 : day="星期六";break;     
  17.        case 7 : day="星期日";break;      
  18.        }     
  19.    var time=date.getFullYear()+"/"+month+"/"+date.getDate()+" "+date.getHours()+":"+Min+" "+day;    
  20.    $("#updateTime").text(time); //jquery      
  21.    //var container=document.getElementById("updateTime");     
  22.    //container.innerText=time; //javascript;      
  23.    setTimeout('systemDate()',updateTime*1000);  //定时请求时间   
  24.    }  
  25.      


  HTML
   <div id="updateTime"></div> //显示数字时钟的容器
   
   自己可以设置容器的样式,(*^__^*) 嘻嘻…… 附上项目里用的截图一张(注:里面没有显示星期) 
   截图如下:    

           

你可能感兴趣的:(数字时钟 (JavaScript ,JQuery))