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 相关文章推荐
doctype后如何获得body.clientHeight的方法
Jul 11 Javascript
jquery实现每个数字上都带进度条的幻灯片
Feb 20 Javascript
js动态设置div的值下例子
Oct 29 Javascript
JS取文本框中最小值的简单实例
Nov 29 Javascript
jQuery使用slideUp方法实现控制元素缓慢收起
Mar 27 Javascript
jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)
Apr 18 Javascript
使用jQuery调用XML实现无刷新即时聊天
Aug 07 Javascript
微信小程序 定位到当前城市实现实例代码
Feb 23 Javascript
vue-cli的eslint相关用法
Sep 29 Javascript
详解webpack+express多页站点开发
Dec 22 Javascript
node.js遍历目录的方法示例
Aug 01 Javascript
vue实现Input输入框模糊查询方法
Jan 29 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
造势之举?韩国总统候选人发布《星际争霸》地图
2017/04/22 星际争霸
php之XML转数组函数的详解
2013/06/07 PHP
使用配置类定义Codeigniter全局变量
2014/06/12 PHP
ThinkPHP3.1新特性之多层MVC的支持
2014/06/19 PHP
PHP实现无限分类的实现方法
2016/11/14 PHP
JS和Jquery获取和修改label的值的示例代码
2014/01/15 Javascript
jQuery学习笔记之jQuery.fn.init()的参数分析
2014/06/09 Javascript
js中将String转换为number以便比较
2014/07/08 Javascript
浅谈JavaScript对象的创建方式
2016/06/13 Javascript
深入分析javascript中console命令
2016/08/14 Javascript
基于Vue2的移动端开发环境搭建详解
2016/11/03 Javascript
微信小程序 scroll-view实现上拉加载与下拉刷新的实例
2017/01/21 Javascript
浅谈js中同名函数和同名变量的执行问题
2017/02/12 Javascript
JavaScript+HTML5实现的日期比较功能示例
2017/07/12 Javascript
用vue封装插件并发布到npm的方法步骤
2017/10/18 Javascript
vue实现手机端省市区区域选择
2019/09/27 Javascript
Python入门篇之正则表达式
2014/10/20 Python
用map函数来完成Python并行任务的简单示例
2015/04/02 Python
Python简单实现的代理服务器端口映射功能示例
2018/04/08 Python
Python根据当前日期取去年同星期日期
2019/04/14 Python
Django Path转换器自定义及正则代码实例
2020/05/29 Python
基于Django集成CAS实现流程详解
2020/11/28 Python
Django数据统计功能count()的使用
2020/11/30 Python
pytorch下的unsqueeze和squeeze的用法说明
2021/02/06 Python
python 求两个向量的顺时针夹角操作
2021/03/04 Python
css3 background属性调整增强介绍
2010/12/18 HTML / CSS
理肤泉美国官网:La Roche-Posay
2018/01/17 全球购物
塑料制成的可水洗的编织平底鞋和鞋子:Rothy’s
2018/09/16 全球购物
澳大利亚优质葡萄酒专家:Vintage Cellars
2019/01/08 全球购物
香港演唱会订票网站:StubHub香港
2019/10/10 全球购物
预备党员转正考核材料
2014/06/03 职场文书
2015年财务经理工作总结
2015/05/13 职场文书
辞职离别感言
2015/08/04 职场文书
环保建议书范文
2015/09/14 职场文书
Vue CLI中模式与环境变量的深入详解
2021/05/30 Vue.js
MySQL 条件查询的常用操作
2022/04/28 MySQL