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

相关文章

  • 让你的网站可编辑的实现js代码

    让你的网站可编辑的实现js代码

    可以让你编辑浏览器中看到网页可编辑的实现代码。
    2009-10-10
  • DIV层之拖动、关闭、打开效果代码

    DIV层之拖动、关闭、打开效果代码

    非常不错的效果,适合在当前页打开测试窗口,图片等
    2008-09-09
  • 微信小程序中的轮播图实现示例

    微信小程序中的轮播图实现示例

    打开一个小程序,我们会发现,一般构图排版都是图片banner - 快捷按钮 - 产品/文章列表等详细信息,底部导航一般是2~5个。这样的排版是比较美观的,那么为什么要这样设计,这些轮播图、快捷按钮等小程序组件都有什么用呢?接下来就带你详细了解下
    2022-12-12
  • JS中进行字符串替换的方法

    JS中进行字符串替换的方法

    replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串,这篇文章主要介绍了js中进行字符串替换的方法,需要的朋友可以参考下
    2024-01-01
  • 如何用前端html实现2024烟花效果

    如何用前端html实现2024烟花效果

    这篇文章主要给大家介绍了关于如何用前端html实现2024烟花效果的相关资料,文中介绍的是JavaScript代码定义了烟花碎片和火箭类,通过动画循环模拟烟花爆炸效果,需要的朋友可以参考下
    2024-11-11
  • 微信小程序获取验证码60秒倒计时功能

    微信小程序获取验证码60秒倒计时功能

    这篇文章主要介绍了微信小程序获取验证码60秒倒计时模板,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-04-04
  • JavaScript 七大技巧(一)

    JavaScript 七大技巧(一)

    JavaScript是一门非常流行的编程语言,许多开发者都会把JavaScript选为入门语言,本文给大家分享javascript七大技巧(一),对javascript技巧相关知识感兴趣的朋友一起学习吧
    2015-12-12
  • javascript实现控制div颜色

    javascript实现控制div颜色

    本文给大家分享的是使用javascript实现控制DIV背景色的代码,非常的简单实用,有需要的小伙伴可以参考下。
    2015-07-07
  • JavaScript判断字符长度、数字、Email、电话等常用判断函数分享

    JavaScript判断字符长度、数字、Email、电话等常用判断函数分享

    这篇文章主要介绍了JavaScript判断字符长度、数字、Email、电话等常用判断函数分享,本文直接给出实现代码,需要的朋友可以参考下
    2015-04-04
  • 浅谈微信小程序列表埋点曝光指南

    浅谈微信小程序列表埋点曝光指南

    这篇文章主要介绍了微信小程序列表埋点曝光指南,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-10-10

最新评论