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 相关文章推荐
javascript 写类方式之三
Jul 05 Javascript
javascript offsetX与layerX区别
Mar 12 Javascript
jquery mobile实现拨打电话功能的几种方法
Aug 05 Javascript
javascript正则表达式参数/g与/i及/gi的使用指南
Aug 27 Javascript
javascript实现简单的on事件绑定
Aug 23 Javascript
js 判断各种数据类型的简单方法(推荐)
Aug 29 Javascript
jQuery实现输入框邮箱内容自动补全与上下翻动显示效果【附demo源码下载】
Sep 20 Javascript
JavaScript定义数组的三种方法(new Array(),new Array('x','y')
Oct 04 Javascript
Express + Node.js实现登录拦截器的实例代码
Jul 01 Javascript
vue-router中的hash和history两种模式的区别
Jul 17 Javascript
js实现课堂随机点名系统
Nov 21 Javascript
vue 使用 sortable 实现 el-table 拖拽排序功能
Dec 26 Vue.js
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
分割GBK中文遭遇乱码的解决方法
2013/08/09 PHP
异步加载技术实现当滚动条到最底部的瀑布流效果
2014/09/16 PHP
了解PHP的返回引用和局部静态变量
2015/06/04 PHP
微信支付开发告警通知实例
2016/07/12 PHP
PHP 7安装使用体验之性能大提升,兼容性强,扩展支持不够(升级PHP要谨慎)
2017/07/27 PHP
JS图片浏览组件PhotoLook的公开属性方法介绍和进阶实例代码
2010/11/09 Javascript
Js sort排序使用方法
2011/10/17 Javascript
jQuery源码分析-03构造jQuery对象-源码结构和核心函数
2011/11/14 Javascript
js前台分页显示后端JAVA数据响应
2013/03/18 Javascript
Array栈方法和队列方法的特点说明
2014/01/24 Javascript
jquery合并表格中相同文本的相邻单元格
2015/07/17 Javascript
jquery.serialize() 函数语法及简单实例
2016/07/08 Javascript
jQuery中get方法用法分析
2016/12/07 Javascript
使用ionic在首页新闻中应用到的跑马灯效果的实现方法
2017/02/13 Javascript
实战node静态文件服务器的示例代码
2018/03/08 Javascript
浅谈微信小程序之官方UI框架we-ui使用教程
2018/08/20 Javascript
Vue实现table上下移动功能示例
2019/02/21 Javascript
js实现简单页面全屏
2019/09/17 Javascript
深入学习Vue nextTick的用法及原理
2019/10/08 Javascript
React Native中ScrollView组件轮播图与ListView渲染列表组件用法实例分析
2020/01/06 Javascript
python分析nignx访问日志脚本分享
2015/02/26 Python
Python变量和数据类型详解
2017/02/15 Python
Python简单读取json文件功能示例
2017/11/30 Python
详解Django中六个常用的自定义装饰器
2018/07/04 Python
无需压缩软件,用python帮你操作压缩包
2020/08/17 Python
pycharm激活方法到2099年(激活流程)
2020/09/22 Python
Python数据可视化常用4大绘图库原理详解
2020/10/23 Python
全面总结使用CSS实现水平垂直居中效果的方法
2016/03/10 HTML / CSS
The Beach People美国:澳洲海滨奢华品牌
2018/07/05 全球购物
亚洲颇具影响力的男性在线购物零售商:His
2019/11/24 全球购物
成考报名单位证明范本
2014/01/16 职场文书
高一物理教学反思
2014/01/24 职场文书
大学班长的职责
2014/01/27 职场文书
2014入党积极分子破除“四风”思想汇报
2014/09/14 职场文书
列车乘务员工作不细心检讨书
2014/10/07 职场文书
Python四款GUI图形界面库介绍
2022/06/05 Python