介绍
今天就跟大家聊聊有关使用jQuery怎么实现一个电子时钟效果,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
具体如下:
& lt; ! DOCTYPE html>
& lt; html>
& lt;才能head>
,,,& lt; title> & lt;/title>
,,,& lt; https://www.yisu.com/zixun/script src=" http://libs.baidu.com/jquery/2.0.0/jquery.min.js "> 脚本> 头
身体<>
哈哈
<脚本type=" text/javascript”>
窗口。onload=function () {
showTime ();
}
函数showTime () {
var替换日期=new ();
var年=myDate.getFullYear ();
var月=myDate.getMonth () + 1;
var=myDate.getDate日期();
var dayArray=new Array (7);
dayArray[0]="星期日”;
dayArray[1]="星期一”;
dayArray[2]="星期二”;
dayArray[3]="星期三”;
dayArray[4]="星期四”;
dayArray[5]="星期五”;
dayArray[6]="星期六”;
var=myDate.getDay俊();
var天=dayArray(第1天);
乏时=myDate.getHours ();
var分钟=myDate.getMinutes ();
var第二=myDate.getSeconds ();
var min=checkTime(分钟);
var秒=checkTime(第二次);
var time1=年+“年”+月+ +日期+“日”“月”;
var time2=时间+“:”+分钟+”:“+秒;//document . write (time1 +天+ time2);//用js方法//. getelementbyid(“时间”)。innerHTML=time1 +天+ time2;//用jquery方法
$(" #时间)。text (time1 +天+ time2);
setTimeout (showTime () ", 500);
}
函数checkTime(我){
如果(我<10){
我=" 0 " +;
}
返回我;
}> 脚本
身体>