获取客户端电脑日期时间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 相关文章推荐
基于jQuery的history历史记录插件
Dec 11 Javascript
js实现3D图片逐张轮播幻灯片特效代码分享
Sep 09 Javascript
js简单网速测试方法完整实例
Dec 15 Javascript
JavaScript几种数组去掉重复值的方法推荐
Apr 12 Javascript
vue.js入门教程之绑定class和style样式
Sep 02 Javascript
Vuejs+vue-router打包+Nginx配置的实例
Sep 20 Javascript
jquery的$().each和$.each的区别
Jan 18 jQuery
微信小程序 腾讯地图SDK 获取当前地址实现解析
Aug 12 Javascript
vue实现在线翻译功能
Sep 27 Javascript
jquery实现图片无缝滚动 蒙版遮蔽效果
Jan 11 jQuery
vue父子模板传值问题解决方法案例分析
Feb 26 Javascript
手写实现JS中的new
Nov 07 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
PHP5 安装方法
2007/01/15 PHP
ThinkPHP缓存方法S()概述
2014/06/13 PHP
ThinkPHP3.1新特性之内容解析输出详解
2014/06/19 PHP
PHP利用MySQL保存session的实现思路及示例代码
2014/09/09 PHP
PHP dirname功能及原理实例解析
2020/10/28 PHP
document.open() 与 document.write()的区别
2007/08/13 Javascript
Javascript实现的鼠标经过时播放声音
2010/05/18 Javascript
一些常用且实用的原生JavaScript函数
2010/09/08 Javascript
js如何调用qq互联api实现第三方登录
2014/03/28 Javascript
js获取上传文件大小示例代码
2014/04/10 Javascript
分享javascript计算时间差的示例代码
2020/03/19 Javascript
mvc中form表单提交的三种方式(推荐)
2016/08/10 Javascript
jQuery实现文档树效果
2017/02/20 Javascript
bootstrap动态添加面包屑(breadcrumb)及其响应事件的方法
2017/05/25 Javascript
详解react-webpack2-热模块替换[HMR]
2017/08/03 Javascript
JS实现提示效果弹出及延迟隐藏的功能
2019/08/26 Javascript
微信小程序如何实现五星评价功能
2019/10/15 Javascript
[46:23]完美世界DOTA2联赛PWL S2 FTD vs Magma 第一场 11.20
2020/11/23 DOTA
Python字典简介以及用法详解
2016/11/15 Python
微信跳一跳辅助python代码实现
2018/01/05 Python
python实现人机五子棋
2020/03/25 Python
Python sqlalchemy时间戳及密码管理实现代码详解
2020/08/01 Python
python mock测试的示例
2020/10/19 Python
Python函数调用追踪实现代码
2020/11/27 Python
HTML5新增的标签和属性归纳总结
2018/05/02 HTML / CSS
HTML5 常见面试题之PC端和移动端区别介绍
2018/01/22 HTML / CSS
浅谈Html5多线程开发之WebWorkers
2018/05/02 HTML / CSS
Html5页面上如何禁止手机虚拟键盘弹出
2020/03/19 HTML / CSS
赫里福德的一家乡村零售商店:Philip Morris & Son
2017/06/25 全球购物
新加坡最受追捧的体验平台:Hapz
2018/01/01 全球购物
青安岗事迹材料
2014/05/14 职场文书
上海世博会志愿者口号
2014/06/17 职场文书
自动化专业大学生职业生涯规划范文:爱拚才会赢
2014/09/12 职场文书
《小摄影师》教学反思
2016/02/18 职场文书
高中英语教学反思范文
2016/03/02 职场文书
Python办公自动化PPT批量转换操作
2021/09/15 Python