使用jQuery方法获取当前日期和时间!(时钟显示功能)
2012-12-01 22:24
996 查看
转自:http://www.codefans.net/jscss/code/3683.shtml
js获取当前日期时间,使用jQuery方法获取当前的日期和时间,包括星期几,以前就只顾着用jQuery写焦点图、浮动层了,竟忘记了jQuery还有如此方便的日期时间获取功能,赶紧随便写了一个,发上来与大家共勉哦。
js获取当前日期时间,使用jQuery方法获取当前的日期和时间,包括星期几,以前就只顾着用jQuery写焦点图、浮动层了,竟忘记了jQuery还有如此方便的日期时间获取功能,赶紧随便写了一个,发上来与大家共勉哦。
<!DOCTYPE html> <html class="no-js"> <head> <meta charset="UTF-8"> <title>当期时间</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <style type="text/css"> .date{height:100px;line-height:100px;margin:0 auto;font-family:Arial, Helvetica, sans-serif;font-size:40px; border:solid 1px #ccc;box-shadow:0 0 3px rgba(0,0,0,0.3) inset;border-radius:5px;text-shadow:1px 1px 2px rgba(0,0,0,0.3);} .date strong{padding:0 10px;display:inline-block;height:100px;border-right:solid 1px #ccc;} </style> </head> <body> <h1>js简单的获取当前日期和时间</h1> <p class="date"> <strong id="Y"></strong> <strong id="MH"></strong> <strong id="TD"></strong> <strong id="D"></strong> <strong id="H"></strong> <strong id="M"></strong> <strong id="S"></strong> </p> <script type="text/javascript"> $(document).ready(function(){ setInterval(showTime, 1000); function timer(obj,txt){ obj.text(txt); } function showTime(){ var today = new Date(); var weekday=new Array(7) weekday[0]="星期一" weekday[1]="星期二" weekday[2]="星期三" weekday[3]="星期四" weekday[4]="星期五" weekday[5]="星期六" weekday[6]="星期日" var y=today.getFullYear()+"年"; var month=today.getMonth()+"月"; var td=today.getDate()+"日"; var d=weekday[today.getDay()]; var h=today.getHours(); var m=today.getMinutes(); var s=today.getSeconds(); timer($("#Y"),y); timer($("#MH"),month); timer($("#TD"),td); timer($("#D"),d); timer($("#H"),h); timer($("#M"),m); timer($("#S"),s); } }) </script> </body> </html>
相关文章推荐
- 使用jQuery方法获取当前日期和时间
- 使用jQuery方法获取当前日期和时间
- jquery easyui datebox 时间控件默认显示当前日期的实现方法
- 使用 jquery 获取当前时间的方法
- 使用Smarty 获取当前日期时间和格式化日期时间的方法详解
- 使用Smarty 获取当前日期时间和格式化日期时间的方法详解
- PHP使用GETDATE获取当前日期时间作为一个关联数组的方法
- java中获取当前日期和时间的方法
- PHP获取当前日期和时间格式化方法
- 自己封装的一个js方法用于获取显示的星期和日期时间
- PHP获取当前日期和时间格式化方法
- jquery获取当前日期的方法
- 使用DatePicker和TimePicker显示当前日期和时间
- python获取当前日期和时间的方法
- python获取当前日期和时间的方法
- 使用js获取系统当前时间并在页面显示
- js实时获取并显示当前时间的方法
- 分享java程序设计中一个小程序:获取当前系统日期和时间在小程序中显示出来
- C#获取时间戳的封装方法函数+使用获取当前时间时间戳
- JS获取当前日期和时间的方法,并按照YYYY-MM-DD格式化