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 相关文章推荐
用javascript做拖动布局的思路
May 31 Javascript
javascript继承的六大模式小结
Apr 13 Javascript
JavaScript中length属性的使用方法
Jun 05 Javascript
jQuery实现无限往下滚动效果代码
Apr 16 Javascript
BootStrop前端框架入门教程详解
Dec 25 Javascript
基于jQuery实现左侧菜单栏可折叠功能
Dec 27 Javascript
关于react-router的几种配置方式详解
Jul 24 Javascript
vue中使用refs定位dom出现undefined的解决方法
Dec 21 Javascript
js作用域和作用域链及预解析
Apr 11 Javascript
浅谈layui数据表格判断问题(加入表单元素),设置单元格样式
Oct 26 Javascript
DWR内存兼容及无法调用问题解决方案
Oct 16 Javascript
js重写alert事件(避免alert弹框标题出现网址)
Dec 04 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中str_replace函数使用小结
2008/10/11 PHP
使用php实现下载生成某链接快捷方式的解决方法
2013/05/07 PHP
ThinkPHP自动填充实现无限级分类的方法
2014/08/22 PHP
php禁用函数设置及查看方法详解
2016/07/25 PHP
Thinkphp极验滑动验证码实现步骤解析
2020/11/24 PHP
JS声明变量背后的编译原理剖析
2012/12/28 Javascript
JavaScript自定义事件介绍
2013/08/29 Javascript
javascript页面加载完执行事件代码
2014/02/11 Javascript
chrome下img加载对height()的影响示例探讨
2014/05/26 Javascript
js获取会话框prompt的返回值的方法
2015/01/10 Javascript
深入理解JavaScript系列(42):设计模式之原型模式详解
2015/03/04 Javascript
JS数字抽奖游戏实现方法
2015/05/04 Javascript
41个Web开发者必须收藏的JavaScript实用技巧
2016/07/22 Javascript
浅谈JavaScript 数据属性和访问器属性
2016/09/01 Javascript
JS 循环li添加点击事件 (闭包的应用)
2016/12/10 Javascript
Node.js学习入门
2017/01/03 Javascript
javascript数据结构之串的概念与用法分析
2017/04/12 Javascript
详解angularJs模块ui-router之状态嵌套和视图嵌套
2017/04/28 Javascript
VUE利用vuex模拟实现新闻点赞功能实例
2017/06/28 Javascript
jquery实现购物车基本功能
2019/10/25 jQuery
[01:02:17]2014 DOTA2华西杯精英邀请赛 5 24 DK VS VG
2014/05/26 DOTA
Python lambda和Python def区别分析
2014/11/30 Python
python使用xpath中遇到:到底是什么?
2018/01/04 Python
python使用锁访问共享变量实例解析
2018/02/08 Python
在pandas中一次性删除dataframe的多个列方法
2018/04/10 Python
Tesserocr库的正确安装方式
2018/10/19 Python
python引入不同文件夹下的自定义模块方法
2018/10/27 Python
ipython和python区别详解
2019/06/26 Python
详解Python是如何实现issubclass的
2019/07/24 Python
Python urllib request模块发送请求实现过程解析
2020/12/10 Python
canvas探照灯效果的示例代码
2018/11/30 HTML / CSS
德国团购网站:Groupon德国
2018/03/13 全球购物
批评与自我批评材料
2014/02/15 职场文书
服装店营销方案
2014/03/10 职场文书
篮球比赛拉拉队口号
2014/06/10 职场文书
家长会开场白和结束语
2015/05/29 职场文书