怎么在html中把时间戳转换成正常日期啊

html-css011

怎么在html中把时间戳转换成正常日期啊,第1张

如何把时间戳转成日期一般有两种方式,一个是使用脚本语言来转换好之后显示,一个是使用js来前台转换.

一:脚本语言方式(以PHP为例)[推荐]

在输出的时候遇到时间戳,一般都是使用脚本语言处理好之后传给前端来显示.一般的脚本语言中都有转换时间格式的方法.例如PHP中的date方法

<?php

$time='1499655375'    //时间戳一般为10位整型数字

$timestr=date('Y-m-d H:i:s',$time)//转换时,需要设置输出格式

echo $timestr//输出2017-7-10 10:56:15

在php或其他后台脚本处理完之后,然后传送给前端直接显示即可.

二:JS前端转换[不推荐]

如果后台程序不会转换或者其他原因只能接收到时间戳,那么就需要前端用JS来装换格式了.

<script>

var time='1499655375'

var newtime=time*1000//这里需要注意js时间戳精确到毫秒,所以要乘以1000后转换.

//方法一(格式受限于用户系统,不推荐):

var timestr=new Date(newtime)

alert(timestr)//输出格式2017/7/10 上午10:56:15

//方法二(推荐):

function gettime(t){

var _time=new Date(t)

var   year=_time.getFullYear()//2017

var   month=_time.getMonth()+1//7

var   date=_time.getDate()//10

var   hour=_time.getHours()//10

var   minute=_time.getMinutes()//56

var   second=_time.getSeconds()//15

return   year+"年"+month+"月"+date+"日   "+hour+":"+minute+":"+second//这里自己按自己需要的格式拼接

}

alert(gettime(newtime))//输出2017年7月10日 10:56:15

</script>

可以利用百度提供的格式化工具完成，步骤如下：

1、首先，我们先找一段示例代码，这段代码是没有任何格式和缩进的：

【<html><head>First Page</head><body><p>This is my first page!!!</p></body></html>】

2、接下来，我们打开浏览器，然后进入百度主页，百度主页的网址是http://www.baidu.com；

3、直接在搜索框里输入【HTML格式化】这几个关键字，然后点击【百度一下】按钮；

4、出现百度网页应用输入框；

5、将测试代码复制到白色的框里；

6、点击【格式化】按钮；

已经变成我们想要的格式了，有缩进而且干净整洁。

html格式化标签有这么多，整理了一下，如下：

<b> 定义粗体文本。

<big> 定义大号字。

<em> 定义着重文字。

<i> 定义斜体字。

<small> 定义小号字。

<strong> 定义加重语气。

<sub> 定义下标字。

<sup> 定义上标字。

<ins> 定义插入字。

<del> 定义删除字。

<code> 定义计算机代码。

<kbd> 定义键盘码。

<samp> 定义计算机代码样本。

<tt> 定义打字机代码。

<var> 定义变量。

<pre> 定义预格式文本。

<abbr> 定义缩写。

<acronym> 定义首字母缩写。

<address> 定义地址。

<bdo> 定义文字方向。

<blockquote> 定义长的引用。

<q> 定义短的引用语。

<cite> 定义引用、引证。

<dfn> 定义一个定义项目。