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


Posted in Javascript onSeptember 12, 2012

原生态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>
Javascript 相关文章推荐
IE DOM实现存在的部分问题及解决方法
Jul 25 Javascript
jQuery验证插件validation使用指南
Apr 21 Javascript
详解jquery validate实现表单验证 (正则表达式)
Jan 18 Javascript
BootStrap栅格系统、表单样式与按钮样式源码解析
Jan 20 Javascript
如何获取TypeScript的声明文件.d.ts
May 01 Javascript
TypeScript中使用getElementXXX()的示例代码
Sep 12 Javascript
文章或博客自动生成章节目录索引(支持三级)的实现代码
May 10 Javascript
JS性能优化实现方法及优点进行
Aug 30 Javascript
js+canvas实现刮刮奖功能
Sep 13 Javascript
jQuery实现可以扩展的日历
Dec 01 jQuery
Vue.js中v-bind指令的用法介绍
Mar 13 Vue.js
Vue+TypeScript中处理computed方式
Apr 02 Vue.js
IE中jquery.form中ajax提交没反应解决方法分享
Sep 11 #Javascript
jquery ajax例子返回值详解
Sep 11 #Javascript
Jquery插件写法笔记整理
Sep 06 #Javascript
基于jquery的用鼠标画出可移动的div
Sep 06 #Javascript
js防止表单重复提交实现代码
Sep 05 #Javascript
javascript面向对象入门基础详细介绍
Sep 05 #Javascript
说说JSON和JSONP 也许你会豁然开朗
Sep 02 #Javascript
You might like
php中的登陆login
2007/01/18 PHP
PHP代码保护--Zend Guard的使用详解
2013/06/03 PHP
php中debug_backtrace、debug_print_backtrace和匿名函数用法实例
2014/12/01 PHP
php简单备份与还原MySql的方法
2016/05/09 PHP
JQuery的ajax基础上的超强GridView展示
2009/09/18 Javascript
父节点获取子节点的字符串示例代码
2014/02/26 Javascript
javascript 判断页面访问方式电脑或者移动端
2016/09/19 Javascript
Three.js加载外部模型的教程详解
2017/11/10 Javascript
如何解决React官方脚手架不支持Less的问题(小结)
2018/09/12 Javascript
详解webpack4之splitchunksPlugin代码包分拆
2018/12/04 Javascript
vue实现分页栏效果
2019/06/28 Javascript
微信小程序实现注册登录功能(表单校验、错误提示)
2019/12/10 Javascript
js函数柯里化的方法和作用实例分析
2020/04/11 Javascript
jQuery实现的上拉刷新功能组件示例
2020/05/01 jQuery
Nodejs 数组的队列以及forEach的应用详解
2021/02/25 NodeJs
使用python实现baidu hi自动登录的代码
2013/02/10 Python
python读取csv文件示例(python操作csv)
2014/03/11 Python
python+matplotlib实现动态绘制图片实例代码(交互式绘图)
2018/01/20 Python
python实现代码统计器
2019/09/19 Python
Django框架序列化与反序列化操作详解
2019/11/01 Python
python3中datetime库,time库以及pandas中的时间函数区别与详解
2020/04/16 Python
keras实现VGG16 CIFAR10数据集方式
2020/07/07 Python
python实现简单的五子棋游戏
2020/09/01 Python
Pycharm常用快捷键总结及配置方法
2020/11/14 Python
如何用PyPy让你的Python代码运行得更快
2020/12/02 Python
会计职业生涯规划书
2014/01/13 职场文书
心理健康课教学反思
2014/02/13 职场文书
简单的大学生自我鉴定
2014/02/18 职场文书
软件毕业生个人鉴定
2014/03/03 职场文书
大学自主招生推荐信
2014/05/10 职场文书
毕业生个人总结
2015/02/28 职场文书
会计工作态度自我评价
2015/03/06 职场文书
2016大学生求职自荐信范文
2016/01/28 职场文书
2019年大学生职业生涯规划书
2019/03/25 职场文书
甜美蛋糕店的创业计划书模板,拿来即用!
2019/08/21 职场文书
mysql 直接拷贝data 目录下文件还原数据的实现
2021/07/25 MySQL