-- 实时时间 js代码

$("body").prepend('<canvas id="canvas" style="position:absolute;z-index:10;right: 3%;top: 9%;" width="200" height="40"></canvas>');

var canvas = document.getElementById("canvas");

var ctx = canvas.getContext("2d");

ctx.strokeStyle = 'white';

function renderTime() {

       var date=new Date();   

       var year=date.getFullYear(); //获取当前年份   

       var mon=date.getMonth()+1; //获取当前月份   

       var da=date.getDate(); //获取当前日   

       if(mon < 10) {

         mon = "0" + mon;

       }

      if(da < 10) {

         da = "0" + da;

       }

       var day=date.getDay(); //获取当前星期几  

       if(day== "0") {

         day = "日";

       } else if(day == "1"){

         day = "一";

       } else if(day == "2"){

         day = "二";

       } else if(day == "3"){

         day = "三";

       } else if(day == "4"){

         day = "四";

       } else if(day == "5"){

         day = "五";

       } else if(day == "6"){

         day = "六";

       } else {

         day = "NO";

       }

       var hh=date.getHours(); //获取小时   

       var mm=date.getMinutes(); //获取分钟   

       var ss=date.getSeconds(); //获取秒  

       if(hh < 10) {

         hh = "0" + hh;

       }

       if(mm < 10) {

         mm = "0" + mm;

       }

       if(ss < 10) {

         ss = "0" + ss;

       }

       var d=year + '-' + mon + '-' + da + ' ' + '星期'+ day + '  ' + hh + ':' + mm + ':' + ss;

              //可自己调整显示的内容和顺序

       ctx.fillStyle = 'rgb(3, 93,174 )';

       ctx.fillRect(0, 0, 200, 40);

       ctx.font = "bold 10pt Asia";

       ctx.fillStyle = 'white';

       ctx.textAlign="center"; 

       ctx.fillText(d, 100, 25);

}

setInterval(renderTime, 40);