本文举例说明了jQuery实现的电子钟效果。分享给大家参考，如下：

！titlewww.jb51.net jquery电子钟/标题脚本src=' http :http://libs . Baidu.com/jquery/2 . 0 . 0/jquery . min . js '/脚本/头体span id='time '哈哈/span脚本类型=' text/JavaScript ' window . onload=function(){ showTime()；}函数show time(){ var myDate=new Date()；var year=my date . getfullyear()；var month=mydate . getmonth()1；var date=mydate . getdate()；var dayArray=新数组(7)；DayArray[0]=' Sunday '；DayArray[1]='星期一'；DayArray[2]='星期二'；DayArray[3]='星期三'；DayArray[4]='星期四'；DayArray[5]='星期五'；DayArray[6]='星期六'；var day 1=my date . GetDay()；var day=Dayarray[day 1]；var hour=my date . gethours()；var minute=my date . getminutes()；var second=mydate . getseconds()；var min=checkTime(分钟)；var sec=checkTime(秒)；Var time1=年'月'日；var time 2=hour ':' min ':' sec；//document . write(time 1 day time 2)；//使用js方法//document . getelementbyid(' time ')。innerhtml=time 1 day time 2；//使用jquery方法$('#time ')。文本(时间1天时间2)；setTimeout('showTime()'，500)；}函数CheckTiME(I){ if(i10){ I=' 0 ' I；}返回I；}/脚本/正文/html运行效果：

示例摘要：

1.注意js文件引用，并在头部声明。在体内展开时，无需重述参考信息；2.注意和Date相关的函数，拿到的时候别忘了get和圆括号；3.注意window . onload=function(){ }；4.注意数组在月中的起始顺序。从1月开始，下标为0，以便增加；5.注意，小时、分钟和秒的函数是复数；6.day表示获取一周中的某一天，但它是一个数字，可以通过数组进行转换(0表示星期日，其他一一对应)。7.setTimeOut函数：setTimeOut(A，B)，注意setTimeout中的out是小写A:函数体B:函数执行间隔8。不要在setTimeout执行过程中使用document.write，否则无法实现递归调用；9.JQuery选择器中使用单引号还是双引号？理论上，可以使用单个或双个，但在嵌套的情况下，这取决于具体情况。10.关于jQuery获取标签文本内容：方法1:Text()；方法二：html()；请注意，当需要更改文本内容时，正确的格式是$('#time ')。文本(' content ')，错误的格式是$('#time ')。text()='content '

在这里，我们推荐几个相关的在线工具供您参考：

在线秒表工具：http://tools.jb51.net/bianmin/miaobiao

Unix时间戳转换工具：http://tools.jb51.net/code/unixtime

全球在线时间查询：http://tools.jb51.net/zhuanhuanqi/worldtime

更多对jQuery感兴趣的读者可以查看本网站的主题：《jQuery日期与时间操作技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jquery选择器用法总结》和《jQuery常用插件及用法总结》

希望本文对大家的jQuery程序设计有所帮助。