javascript实现的时间格式加8小时功能示例


Posted in Javascript onJune 13, 2019

本文实例讲述了javascript实现的时间格式加8小时功能。分享给大家供大家参考,具体如下:

第一种方式:

<script>
   var oldTimes1 = "2017-07-10 03:28:54"
   var eosFormatTime2 = function(oldTimes1) {
        var time1 = oldTimes1.split(' ')[0];
       // console.log("1、第二种方式time1:" + time1)
       var arrTime = oldTimes1.split(' ')[1].split(':');
        // console.log("2、第二种方式arrTime:" + arrTime)
        var time2 = arrTime.slice(1, arrTime.length).join(':');
       // console.log("3、第二种方式time2:" + time2)
        var h = parseInt(arrTime[0]) + 8;
        // console.log('4、第二种方式小时:', h);
       var newH = ((h < 24) ? h : (h % 24)).toString();
        return time1 + ' ' + newH + ':' + time2;
    }
    console.log(eosFormatTime2(oldTimes1))
</script>

运行结果:

javascript实现的时间格式加8小时功能示例

第二种方式:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<script>
  var fnTime = function() {
    var myTime = new Date();
    // number
    var iYear = myTime.getFullYear();
    var iMonth = myTime.getMonth() + 1;
    var iDate = myTime.getDate();
    var iWeek = myTime.getDay();
    var iHours = myTime.getHours();
    var iMin = myTime.getMinutes();
    var iSec = myTime.getSeconds();
    var str = '';
    if(iWeek === 0) iWeek = '星期日';
    if(iWeek === 1) iWeek = '星期一';
    if(iWeek === 2) iWeek = '星期二';
    if(iWeek === 3) iWeek = '星期三';
    if(iWeek === 4) iWeek = '星期四';
    if(iWeek === 5) iWeek = '星期五';
    if(iWeek === 6) iWeek = '星期六';
    str = iYear + '-' + iMonth + '-' + iDate + ' ' + toTwo(iHours) + ':' + toTwo(iMin) + ':' + toTwo(iSec);
    return str;
  }
  function toTwo(n) {
    return n < 10 ? '0' + n : '' + n;
  }
  console.log(fnTime())
  function setDateTime(fnTime) {
    var x = fnTime; // 取得时间"2017-07-08 13:00:00"
    var time = new Date(x);
    var timeNum = 8;//小时数
    time.setHours(time.getHours() + timeNum);
    return time;
  }
   console.log(setDateTime(fnTime()))
</script>
</body>
</html>

运行结果:

javascript实现的时间格式加8小时功能示例

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

Javascript 相关文章推荐
jQuery替换字符串(实例代码)
Nov 13 Javascript
JavaScript获取鼠标移动时的坐标(兼容IE8、chome谷歌、Firefox)
Sep 13 Javascript
jQuery遍历之next()、nextAll()方法使用实例
Nov 08 Javascript
JavaScript插件化开发教程 (二)
Jan 27 Javascript
jQuery实现元素拖拽并cookie保存顺序的方法
Feb 20 Javascript
js转换对象为xml
Feb 17 Javascript
vue.js实现用户评论、登录、注册、及修改信息功能
May 30 Javascript
js Date()日期函数浏览器兼容问题解决方法
Sep 12 Javascript
JavaScript实现动态添加、移除元素或属性的方法分析
Jan 03 Javascript
JavaScript中AOP的实现与应用
May 06 Javascript
微信小程序缓存支持二次开发封装实现解析
Dec 16 Javascript
vue+iview框架实现左侧动态菜单功能的示例代码
Jul 23 Javascript
深入了解JavaScript代码覆盖
Jun 13 #Javascript
js使用cookie实现记住用户名功能示例
Jun 13 #Javascript
探索JavaScript中私有成员的相关知识
Jun 13 #Javascript
详解vue中的父子传值双向绑定及数据更新问题
Jun 13 #Javascript
基于Vue实现平滑过渡的拖拽排序功能
Jun 12 #Javascript
Vue + Elementui实现多标签页共存的方法
Jun 12 #Javascript
JavaScript使用面向对象实现的拖拽功能详解
Jun 12 #Javascript
You might like
PHP表单验证的3个函数ISSET()、empty()、is_numeric()的使用方法
2011/08/22 PHP
图文详解phpstorm配置Xdebug进行调试PHP教程
2016/06/13 PHP
详解PHP编码转换函数应用技巧
2016/10/22 PHP
php实现基于PDO的预处理示例
2017/03/28 PHP
[原创]站长必须要知道的javascript广告代码
2007/05/30 Javascript
火狐浏览器(firefox)下获得Event对象以及keyCode
2008/11/13 Javascript
javascript 日期常用的方法
2009/11/11 Javascript
JS 动态获取节点代码innerHTML分析 [IE,FF]
2009/11/30 Javascript
基于jquery的文章中所有图片width大小批量设置方法
2013/08/01 Javascript
css3元素简单的闪烁效果实现(html5 jquery)
2013/12/28 Javascript
React实现点击删除列表中对应项
2017/01/10 Javascript
基于jQuery实现弹幕APP
2017/02/10 Javascript
CodeMirror js代码加亮使用总结
2017/03/25 Javascript
nodejs和C语言插入mysql数据库乱码问题的解决方法
2017/04/14 NodeJs
微信小程序 地图map实例详解
2017/06/07 Javascript
如何让node运行es6模块文件及其原理详解
2018/12/11 Javascript
JavaScript实现图片的放大缩小及拖拽功能示例
2019/05/14 Javascript
详解小程序中h5页面onShow实现及跨页面通信方案
2019/05/30 Javascript
JS实现提示效果弹出及延迟隐藏的功能
2019/08/26 Javascript
vue vant中picker组件的使用
2020/11/03 Javascript
python正则表达式抓取成语网站
2013/11/20 Python
Python2.x和3.x下maketrans与translate函数使用上的不同
2015/04/13 Python
Windows下Eclipse+PyDev配置Python+PyQt4开发环境
2016/05/17 Python
python使用锁访问共享变量实例解析
2018/02/08 Python
python提取具有某种特定字符串的行数据方法
2018/12/11 Python
Numpy之reshape()使用详解
2019/12/26 Python
Sentry错误日志监控使用方法解析
2020/11/12 Python
南威尔士家居商店:Leekes
2016/10/25 全球购物
Alexandre Birman美国官网:亚历山大·伯曼
2019/10/30 全球购物
医学生职业规划范文
2014/01/05 职场文书
数据保密承诺书
2014/06/03 职场文书
2014年残联工作总结
2014/11/21 职场文书
党支部季度考核意见
2015/06/02 职场文书
无婚姻登记记录证明
2015/06/18 职场文书
2015年社区国庆节活动总结
2015/07/30 职场文书
物资采购管理制度
2015/08/06 职场文书