获取客户端电脑日期时间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 相关文章推荐
use jscript with List Proxy Server Information
Jun 11 Javascript
jQuery EasyUI 中文API Button使用实例
Apr 14 Javascript
jquery之超简单的div显示和隐藏特效demo(分享)
Jul 09 Javascript
Node.js中的模块机制学习笔记
Nov 04 Javascript
js阻止默认浏览器行为与冒泡行为的实现代码
May 15 Javascript
Jquery AJAX POST与GET之间的区别详细介绍
Oct 17 Javascript
使用OPENLAYERS3实现点选的方法
Sep 24 Javascript
在vue项目中,将juery设置为全局变量的方法
Sep 25 Javascript
JavaScript变速动画函数封装添加任意多个属性
Apr 03 Javascript
JS数组splice操作实例分析
Oct 12 Javascript
JavaScript find()方法及返回数据实例
Apr 30 Javascript
在 HTML 页面中使用 React的场景分析
Jan 18 Javascript
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
关于拼配咖啡,你要知道
2021/03/03 咖啡文化
PHP 获取目录下的图片并随机显示的代码
2009/12/28 PHP
php 批量生成html,txt文件的实现代码
2013/06/26 PHP
使用Discuz关键词服务器实现PHP中文分词
2014/03/11 PHP
PHP连接SQL server数据库测试脚本运行实例
2020/08/24 PHP
jquery插件制作 手风琴Panel效果实现
2012/08/17 Javascript
基于JQuery实现的Select级联
2014/01/27 Javascript
JavaScript列表框listbox全选和反选的实现方法
2015/03/18 Javascript
jquery实现多屏多图焦点图切换特效的方法
2015/05/04 Javascript
js查看一个函数的执行时间实例代码
2015/09/12 Javascript
JS模拟简易滚动条效果代码(附demo源码)
2016/04/05 Javascript
JQuery 两种方法解决刚创建的元素遍历不到的问题
2016/04/13 Javascript
jQuery提示插件qTip2用法分析(支持ajax及多种样式)
2016/06/08 Javascript
js格式化时间的简单实例
2016/11/27 Javascript
javascript中json对象json数组json字符串互转及取值方法
2017/04/19 Javascript
koa2实现登录注册功能的示例代码
2018/12/03 Javascript
vue路由守卫+登录态管理实例分析
2019/05/21 Javascript
vue全屏事件开发详解
2020/06/17 Javascript
[54:47]Liquid vs VP Supermajor决赛 BO 第五场 6.10
2018/07/05 DOTA
跟老齐学Python之开始真正编程
2014/09/12 Python
python判断字符串是否纯数字的方法
2014/11/19 Python
Pandas之Fillna填充缺失数据的方法
2019/06/25 Python
keras实现基于孪生网络的图片相似度计算方式
2020/06/11 Python
MATLAB数学建模之画图汇总
2020/07/16 Python
Flask中sqlalchemy模块的实例用法
2020/08/02 Python
python爬取网易云音乐热歌榜实例代码
2020/08/07 Python
详解CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
2016/12/20 HTML / CSS
Adobe Html5 Extension开发初体验图文教程
2017/11/14 HTML / CSS
Petmate品牌官方网站:宠物用品
2018/11/25 全球购物
美国农场商店:Blain’s Farm & Fleet
2020/01/17 全球购物
大四本科生的自我评价
2013/12/30 职场文书
简历中自我评价怎么写
2014/02/12 职场文书
党支部换届选举方案
2014/05/08 职场文书
房地产资料员岗位职责
2014/07/02 职场文书
董事长助理岗位职责
2015/02/11 职场文书
关于实现中国梦的心得体会
2016/01/05 职场文书