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事件e参数的方法preventDefault()取消默认行为
Sep 26 Javascript
JQuery的Ajax中Post方法传递中文出现乱码的解决方法
Oct 21 Javascript
JavaScript Math.ceil 方法(对数值向上取整)
Jan 09 Javascript
6种javascript显示当前系统时间代码
Dec 01 Javascript
jQuery图片左右滚动代码 有左右按钮实例
Jun 20 Javascript
浅谈React 属性和状态的一些总结
Nov 21 Javascript
AngularJS表格添加序号的方法
Mar 03 Javascript
js省市区级联查询(插件版&amp;无插件版)
Mar 21 Javascript
JS中Attr的用法详解
Oct 09 Javascript
vue-i18n结合Element-ui的配置方法
May 20 Javascript
js模拟实现烟花特效
Mar 10 Javascript
JQuery绑定事件四种实现方法解析
Dec 02 jQuery
深入了解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
让这部DC动画新作刷新你的认知
2020/03/03 欧美动漫
php jquery 多文件上传简单实例
2013/12/23 PHP
PHP使用pdo连接access数据库并循环显示数据操作示例
2018/06/05 PHP
简洁Ajax函数处理(示例代码)
2013/11/15 Javascript
showModelDialog弹出文件下载窗口的使用示例
2013/11/19 Javascript
jquery实现checkbox 全选/全不选的通用写法
2014/02/22 Javascript
JS实现两个大数(整数)相乘
2014/04/28 Javascript
window.location的重写及判断location是否被重写
2014/09/04 Javascript
JavaScript生成随机字符串的方法
2015/03/19 Javascript
node.js中格式化数字增加千位符的几种方法
2015/07/03 Javascript
使用requestAnimationFrame实现js动画性能好
2015/08/06 Javascript
jQuery图片旋转插件jQueryRotate.js用法实例(附demo下载)
2016/01/21 Javascript
原生JavaScript制作微博发布面板效果
2016/03/11 Javascript
js无法获取到html标签的属性的解决方法
2016/07/26 Javascript
vue分页组件table-pagebar使用实例解析
2020/11/15 Javascript
jQuery实现为LI列表前3行设置样式的方法【2种方法】
2016/09/04 Javascript
vue渲染时闪烁{{}}的问题及解决方法
2018/03/28 Javascript
vue构建动态表单的方法示例
2018/09/22 Javascript
详解vue配置后台接口方式
2019/03/29 Javascript
vue 点击展开显示更多(点击收起部分隐藏)
2019/04/09 Javascript
D3.js(v3)+react 实现带坐标与比例尺的柱形图 (V3版本)
2019/05/09 Javascript
微信小程序动态显示项目倒计时
2019/06/20 Javascript
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
2019/07/03 jQuery
vue 限制input只能输入正数的操作
2020/08/05 Javascript
微信小程序实现左滑删除效果
2020/11/18 Javascript
详解Python中的Cookie模块使用
2015/07/06 Python
Django REST为文件属性输出完整URL的方法
2017/12/18 Python
详解Python3中setuptools、Pip安装教程
2019/06/18 Python
Django ImageFiled上传照片并显示的方法
2019/07/28 Python
python实现简单文件读写函数
2021/02/25 Python
卡塔尔航空官方网站:Qatar Airways
2017/02/08 全球购物
创业计划书中要认真思考的问题
2013/12/28 职场文书
社区反邪教工作方案
2014/06/16 职场文书
列车乘务员工作不细心检讨书
2014/10/07 职场文书
会议接待欢迎词范文
2015/01/26 职场文书
2019年销售人员的职业生涯规划书
2019/03/25 职场文书