您的位置：首页 > Web前端 > JQuery

获取客户端电脑日期时间js代码(jquery)

2015-02-11 10:49 429 查看

转自：http://www.jb51.net/article/31242.htm

在js或jquery中获取客户端的日期时间都是非常简单的，下面我们来看看它们分别介绍吧

原生态javascript获取日期

复制代码代码如下:

<SCRIPT LANGUAGE="JavaScript">

var myDate = new Date();

myDate.getYear(); //获取当前年份(2位)

myDate.getFullYear(); //获取完整的年份(4位,1970-????)

myDate.getMonth(); //获取当前月份(0-11,0代表1月)

myDate.getDate(); //获取当前日(1-31)

myDate.getDay(); //获取当前星期X(0-6,0代表星期天)

myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)

myDate.getHours(); //获取当前小时数(0-23)

myDate.getMinutes(); //获取当前分钟数(0-59)

myDate.getSeconds(); //获取当前秒数(0-59)

myDate.getMilliseconds(); //获取当前毫秒数(0-999)

myDate.toLocaleDateString(); //获取当前日期

var mytime=myDate.toLocaleTimeString(); //获取当前时间

myDate.toLocaleString( ); //获取日期与时间

if (mytime<"23:30:00")

{

alert(mytime);

}

</SCRIPT>

基于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>

可判断早上好晚上好代码

复制代码代码如下:

<script language="JavaScript">

//定义一个tick函数，以获取系统的时间

function tick()

{

var year,month,day,hours,minutes,seconds,ap;

var intYear,intMonth,intDay,intHours,intMinutes,intSeconds;

var today;

today=new Date();

intYear=today.getYear();

intMonth=today.getMonth()+1;

intDay=today.getDate();

intHours=today.getHours();

intMinutes=today.getMinutes();

intSeconds=today.getSeconds();

//获取系统时间的小时数

if(intHours==0)

{

hours=intHours+":";

ap="凌晨";

}

else if(intHours<12)

{

hours=intHours+":";

ap="早晨";

}

else if(intHours==12)

{

hours=intHours+":";

ap="中午";

}

else

{

intHours=intHours-12;

hours=intHours+":";

ap="下午";

}

//获取系统时间的分数

if(intMinutes<10)

{

minutes="0"+intMinutes+":";

}

else

minutes=intMinutes+":";

//获取系统时间的秒数

if(intSeconds<10)

seconds="0"+intSeconds+" ";

else

seconds=intSeconds+" ";

timeString=year+month+day+hours+minutes+seconds+ap;

Clock.innerHTML=timeString;

//每隔0.1秒钟执行一次tick函数

window.setTimeout("tick()",100);

}

window.onload=tick;

</script>

下面这句是调用函数

<div id="Clock"></div>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航