Javascript获取当前时间函数和时间操作小结


Posted in Javascript onOctober 01, 2014

在项目需要一个计时器,效果如下:

Javascript获取当前时间函数和时间操作小结

js代码:

    /*获取当前时间*/

    function getCurrentDate()

    {

      var timeStr = '';

      var curDate = new Date();

      var curMonth = curDate.getMonth()+1;  //获取当前月份(0-11,0代表1月)

      var curDay = curDate.getDate();       //获取当前日(1-31)

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

      var curHour = curDate.getHours();      //获取当前小时数(0-23)

     var curMinute = curDate.getMinutes();   // 获取当前分钟数(0-59)

     var curSec =curDate.getSeconds();      //获取当前秒数(0-59)

     timeStr = curMonth+'月'+curDay+'日 周';

     switch(curWeekDay)

     {

       case 0:timeStr += '日';break;

       case 1:timeStr += '一';break;

       case 2:timeStr += '二';break;

       case 3:timeStr += '三';break;

       case 4:timeStr += '四';break;

       case 5:timeStr += '五';break;

       case 6:timeStr += '六';break;

     }

     if(curHour < 10)

     {

       if(curMinute < 10)

       {

         if(curSec < 10)

         {

           timeStr += ' 0'+curHour+':0'+curMinute+':0'+curSec;

         }

         else

         {

           timeStr += ' 0'+curHour+':0'+curMinute+':'+curSec;

         }

       }

       else

       {

         if(curSec < 10)

         {

           timeStr += ' 0'+curHour+':'+curMinute+':0'+curSec;

         }

         else

         {

           timeStr += ' 0'+curHour+':'+curMinute+':'+curSec;

         }

       }

     }

     else

     {

       if(curMinute < 10)

       {

         if(curSec < 10)

         {

           timeStr += ' '+curHour+':0'+curMinute+':0'+curSec;

         }

         else

         {

           timeStr += ' '+curHour+':0'+curMinute+':'+curSec;

         }

       }

       else

       {

         if(curSec < 10)

         {

           timeStr += ' '+curHour+':'+curMinute+':0'+curSec;

         }

         else

         {

           timeStr += ' '+curHour+':'+curMinute+':'+curSec;

         }

       }

     }

     $("#time").text(timeStr);

   }

然后条用这个函数就行。

最后,对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( );  //获取日期与时间

Javascript 相关文章推荐
XML的代替者----JSON
Jul 21 Javascript
jQuery实现行文字链接提示效果的方法
Mar 10 Javascript
javascript实现倒计时(精确到秒)
Jun 26 Javascript
Prototype框架详解
Nov 25 Javascript
简单讲解AngularJS的Routing路由的定义与使用
Mar 05 Javascript
JQuery遍历元素的父辈和祖先的方法
Sep 18 Javascript
微信小程序 Windows2008 R2服务器配置TLS1.2方法
Dec 05 Javascript
React中的refs的使用教程
Feb 13 Javascript
JavaScript创建对象方法实例小结
Sep 03 Javascript
vue+element-ui+axios实现图片上传
Aug 20 Javascript
javascript实现点击星星小游戏
Dec 24 Javascript
vue项目里面引用svg文件并给svg里面的元素赋值
Aug 17 Javascript
js事件绑定快捷键以ctrl+k为例
Sep 30 #Javascript
显示今天的日期js代码(阳历和农历)
Sep 30 #Javascript
gridview生成时如何去掉style属性中的border-collapse
Sep 30 #Javascript
javascript学习笔记(四)function函数部分
Sep 30 #Javascript
javascript学习笔记(三)BOM和DOM详解
Sep 30 #Javascript
让人蛋疼的JavaScript语法特性
Sep 30 #Javascript
javascript学习笔记(二)数组和对象部分
Sep 30 #Javascript
You might like
E路文章系统PHP
2006/12/11 PHP
PHP读取目录下所有文件的代码
2008/01/07 PHP
ThinkPHP中使用ajax接收json数据的方法
2014/12/18 PHP
记录Yii2框架开发微信公众号遇到的问题及解决方法
2018/07/20 PHP
jquery ajax提交表单数据的两种实现方法
2010/04/29 Javascript
原生javascript兼容性测试实例
2013/07/01 Javascript
jquery 获取表单元素里面的值示例代码
2013/07/28 Javascript
jQuery对象的length属性用法实例
2014/12/27 Javascript
javascript使用appendChild追加节点实例
2015/01/12 Javascript
js兼容火狐获取图片宽和高的方法
2015/05/21 Javascript
jquery easyUI中ajax异步校验用户名
2016/08/19 Javascript
原生JS取代一些JQuery方法的简单实现
2016/09/20 Javascript
Nodejs--post的公式详解
2017/04/29 NodeJs
vue 实现搜索的结果页面支持全选与取消全选功能
2019/05/10 Javascript
vue App.vue中的公共组件改变值触发其他组件或.vue页面监听
2019/05/31 Javascript
简单了解JavaScript中的执行上下文和堆栈
2019/06/24 Javascript
JS中FormData类实现文件上传
2020/03/27 Javascript
Javascript模块化机制实现原理详解
2020/04/02 Javascript
JS eval代码快速解密实例解析
2020/04/23 Javascript
[36:20]KG vs SECRET 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
Django CBV与FBV原理及实例详解
2019/08/12 Python
Python HTMLTestRunner库安装过程解析
2020/05/25 Python
Django用户认证系统如何实现自定义
2020/11/12 Python
CSS3 background-image颜色渐变的实现代码
2018/09/13 HTML / CSS
美丽的珠宝配饰:SmallThings
2019/09/04 全球购物
运动会获奖感言
2014/02/11 职场文书
施工员岗位职责
2014/03/16 职场文书
团结就是力量演讲稿
2014/05/21 职场文书
车辆工程专业求职信
2014/06/14 职场文书
三关爱志愿服务活动方案
2014/08/17 职场文书
给老婆的道歉信
2015/01/20 职场文书
超详细教你怎么升级Mysql的版本
2021/05/19 MySQL
Python 数据可视化之Matplotlib详解
2021/11/02 Python
Apache Hudi的多版本清理服务彻底讲解
2022/03/31 Servers
关于vue-router-link选择样式设置
2022/04/30 Vue.js
el-table-column 内容不自动换行的解决方法
2022/08/14 Vue.js