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 相关文章推荐
iframe 上下滚动条如何默认在下方实现原理
Dec 10 Javascript
javascript禁用键盘功能键让右击及其他键无效
Oct 09 Javascript
JS+CSS实现鼠标滑过时动态翻滚的导航条效果
Sep 24 Javascript
javascript实现很浪漫的气泡冒出特效
Sep 05 Javascript
Angularjs material 实现搜索框功能
Mar 08 Javascript
javascript实现数字倒计时特效
Mar 30 Javascript
JavaScript中的原型继承基础学习教程
May 06 Javascript
JavaScript 网页中实现一个计算当年还剩多少时间的倒数计时程序
Jan 25 Javascript
Node.js 8 中的 util.promisify的详解
Jun 12 Javascript
微信小程序6位或多位验证码密码输入框功能的实现代码
May 29 Javascript
深入浅析javascript函数中with
Oct 28 Javascript
LayUI动态设置checkbox不显示的解决方法
Sep 02 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
js注意img图片的onerror事件的分析
2011/01/01 Javascript
jQuery中:visible选择器用法实例
2014/12/30 Javascript
解决Jquery向页面append新元素之后事件的绑定问题
2015/03/16 Javascript
js实现商城星星评分的效果
2015/12/29 Javascript
JavaScript必知必会(五) eval 的使用
2016/06/08 Javascript
jquery实现简单Tab切换菜单效果
2020/07/17 Javascript
jQuery上传插件webupload使用方法
2017/08/01 jQuery
angularJS实现不同视图同步刷新详解
2018/10/09 Javascript
微信小程序如何修改本地缓存key中单个数据的详解
2019/04/26 Javascript
详解Vuex下Store的模块化拆分实践
2019/07/31 Javascript
Vue实现简易计算器
2020/02/25 Javascript
Openlayers实现距离面积测量
2020/09/28 Javascript
使用JS实现鼠标放上图片进行放大离开实现缩小功能
2021/01/27 Javascript
python文件比较示例分享
2014/01/10 Python
python基础教程之面向对象的一些概念
2014/08/29 Python
python轻松查到删除自己的微信好友
2016/01/10 Python
Python内置模块turtle绘图详解
2017/12/09 Python
详解Python中的四种队列
2018/05/21 Python
实用自动化运维Python脚本分享
2018/06/04 Python
Django models filter筛选条件详解
2020/03/16 Python
python中数字是否为可变类型
2020/07/08 Python
Python 中Operator模块的使用
2021/01/30 Python
HTML5 移动页面自适应手机屏幕四类方法总结
2017/08/17 HTML / CSS
加拿大领先的优质厨具产品在线购物网站:Golda’s Kitchen
2017/11/17 全球购物
曼城官方网上商店:Manchester City
2019/09/10 全球购物
医药营销个人求职信范文
2014/02/07 职场文书
珍惜水资源建议书
2014/03/12 职场文书
交通安全寄语大全
2014/04/08 职场文书
初中学生期末评语
2014/04/24 职场文书
七夕相亲活动策划方案
2014/08/31 职场文书
2014年大学生社会实践自我鉴定
2014/09/26 职场文书
党委干部批评与自我批评发言稿
2014/09/28 职场文书
2014年办公室人员工作总结
2014/12/09 职场文书
2015新教师教学工作总结
2015/07/22 职场文书
职场中的你,辞职信写对了吗?
2019/06/26 职场文书
Nginx如何配置多个服务域名解析共用80端口详解
2022/09/23 Servers