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

 更新时间:2014年10月01日 14:33:23   作者:淡忘~浅思  
这篇文章主要介绍了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( );  //获取日期与时间

相关文章

  • 网页运行时提示对象不支持abigimage属性或方法

    网页运行时提示对象不支持abigimage属性或方法

    网页中用了一个js插件,js文件引用的没有错但是运行时ie的调试工具报了一个错,提示对象不支持abigimage属性或方法
    2014-08-08
  • 一篇文章弄懂javascript内存泄漏

    一篇文章弄懂javascript内存泄漏

    js的垃圾回收机制就是为了防止内存泄漏的,这篇文章主要给大家介绍了如何通过一篇文章弄懂javascript内存泄漏的相关资料,需要的朋友可以参考下
    2021-05-05
  • ES6学习教程之Promise用法详解

    ES6学习教程之Promise用法详解

    这篇文章主要给大家介绍了关于ES6学习教程之Promise用法的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-11-11
  • js模仿html5 placeholder适应于不支持的浏览器

    js模仿html5 placeholder适应于不支持的浏览器

    html5原生支持placeholder,对于不支持的浏览器(ie)可用js模拟实现,不要走开,接下来为您详细介绍实现方法
    2013-01-01
  • 小程序上传文件至云存储的实现

    小程序上传文件至云存储的实现

    在小程序云开发中,要实现上传文件至云存储,有两种方案:云函数和HTTP API,本文主要讲讲如何使用HTTP API实现小程序外上传文件至云存储,感兴趣的可以了解一下
    2022-01-01
  • Tesseract.js使用纯js实现的OCR文字识别

    Tesseract.js使用纯js实现的OCR文字识别

    Tesseract.js是流行的Tesseract OCR引擎的纯Javascript端口,这个库支持100多种语言,自动文本定位和脚本检测,一个简单的界面,用于阅读段落、单词和字符边界框,Tesseract.js既可以在浏览器中运行,也可以在带有NodeJS的服务器上运行
    2023-10-10
  • uniapp蓝牙连接的通用步骤

    uniapp蓝牙连接的通用步骤

    这篇文章主要给大家介绍了关于uniapp蓝牙连接的通用步骤,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2023-06-06
  • 小程序wx.getUserProfile接口的具体使用

    小程序wx.getUserProfile接口的具体使用

    最近微信小程序对于审核小程序提出了带有wx.login、wx.getUserInfo接口的调整,并提出了一个新的接口供开发者调用,本文就详细的介绍一下如何使用,感兴趣的可以了解一下
    2021-06-06
  • JS实现TITLE悬停长久显示效果完整示例

    JS实现TITLE悬停长久显示效果完整示例

    这篇文章主要介绍了JS实现TITLE悬停长久显示效果,结合完整实例形式分析了JavaScript鼠标事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
    2020-02-02
  • js绑定事件this指向发生改变的问题解决方法

    js绑定事件this指向发生改变的问题解决方法

    js绑定事件this指向发生改变的问题将在本文进行详细探讨下,感兴趣的朋友可以参考下哈,希望对你有所帮助
    2013-04-04

最新评论