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 相关文章推荐
不错的asp中显示新闻的功能
Oct 13 Javascript
用JavaScript脚本实现Web页面信息交互
Dec 21 Javascript
js CSS操作方法集合
Oct 31 Javascript
javascript 继承实现方法
Aug 26 Javascript
使用jquery实现放大镜效果
Sep 02 Javascript
Jquery对select的增、删、改、查操作
Feb 06 Javascript
JS模拟简易滚动条效果代码(附demo源码)
Apr 05 Javascript
javascript将中国数字格式转换成欧式数字格式的简单实例
Aug 02 Javascript
VUE 更好的 ajax 上传处理 axios.js实现代码
May 10 Javascript
bootstrap中的导航条实例代码详解
May 20 Javascript
JavaScript基础之this和箭头函数详析
Sep 05 Javascript
vue中配置scss全局变量的步骤
Dec 28 Vue.js
深入了解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新手上路(十二)
2006/10/09 PHP
在SAE上搭建最新wordpress的方法
2014/12/21 PHP
php程序总是提示验证码输入有误解决方案
2015/01/07 PHP
PHP微信开发之二维码生成类
2015/06/26 PHP
thinkPHP框架整合tcpdf插件操作示例
2018/08/07 PHP
解密效果
2006/06/23 Javascript
Javascript中封装window.open解决不兼容问题
2014/09/28 Javascript
JavaScript判断数组是否包含指定元素的方法
2015/07/01 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(上)
2015/10/28 Javascript
JavaScript使用DeviceOne开发实战(三)仿微信应用
2015/12/02 Javascript
jQuery+Ajax+PHP弹出层异步登录效果(附源码下载)
2016/05/27 Javascript
jQuery原理系列-css选择器的简单实现
2016/06/07 Javascript
webpack入门必知必会
2017/01/16 Javascript
jQuery中Datatables增加跳转到指定页功能
2017/02/08 Javascript
详解webpack异步加载业务模块
2017/06/23 Javascript
Vue三种常用传值示例(父传子、子传父、非父子)
2018/07/24 Javascript
使用D3.js+Vue实现一个简单的柱形图
2018/08/05 Javascript
Vue自定义属性实例分析
2019/02/23 Javascript
js 实现watch监听数据变化的代码
2019/10/13 Javascript
微信小程序自定义头部导航栏(组件化)
2019/11/15 Javascript
Vue-Ant Design Vue-普通及自定义校验实例
2020/10/24 Javascript
[03:10]超级美酒第四天 fy拉比克秀 大合集
2018/06/05 DOTA
python fabric使用笔记
2015/05/09 Python
详解Python中的静态方法与类成员方法
2017/02/28 Python
Django中的Signal代码详解
2018/02/05 Python
matplotlib调整子图间距,调整整体空白的方法
2018/08/03 Python
centos6.5安装python3.7.1之后无法使用pip的解决方案
2019/02/14 Python
Python通过kerberos安全认证操作kafka方式
2020/06/06 Python
浅析HTML5中的 History 模式
2017/06/22 HTML / CSS
澳大利亚领先的折扣药房:Chemist Direct(有中文站)
2018/11/24 全球购物
Gerry Weber德国官网:优质女性时装,德国最大的时装公司之一
2019/11/02 全球购物
俄罗斯在线大型超市:ТутПросто
2021/01/08 全球购物
成人大专自我鉴定范文
2013/10/19 职场文书
全国道德模范事迹
2014/02/01 职场文书
违反工作纪律检讨书
2014/02/15 职场文书
MySQL慢查询中的commit慢和binlog中慢事务的区别
2022/06/16 MySQL