我们在访问他人网站的时候经常可以看到别人的网站可以显示运营的日期和时间
这种效果让我们觉得很有意思,怎么才能实现这个效果呢?
首先,我们要做的第一件事就是在你想要的位置添加这样一行代码:
<a>本站已经运行<a id="days">0</a>天</a>
这段字符的意思是显示你的网站已经运行了多少天,这完全是根据你的网站的运行时间决定的。
其次,再在底部添加如下JS代码:
<script> var s1 = '2018-05-20'; s1 = new Date(s1.replace(/-/g, "/")); s2 = new Date(); var days = s2.getTime() - s1.getTime(); var number_of_days = parseInt(days / (1000 * 60 * 60 * 24)); document.getElementById('days').innerHTML = number_of_days; </script>
解释一下代码意思
第一个代码是输出网站运行的天数,那么与之对应的,也应该有一个JS代码来计算网站运行天数。
添加这段代码到任意位置,即可显示网站天数。
如果想让你的网站代码显示运行的具体年月日,例如运行3年100天20分10秒这种
推荐使用下面的JS代码
<script>
function secondToDate(second) {
if (!second) {
return 0;
}
var time = new Array(0, 0, 0, 0, 0);
if (second >= 365 * 24 * 3600) {
time[0] = parseInt(second / (365 * 24 * 3600));
second %= 365 * 24 * 3600;
}
if (second >= 24 * 3600) {
time[1] = parseInt(second / (24 * 3600));
second %= 24 * 3600;
}
if (second >= 3600) {
time[2] = parseInt(second / 3600);
second %= 3600;
}
if (second >= 60) {
time[3] = parseInt(second / 60);
second %= 60;
}
if (second > 0) {
time[4] = second;
}
return time;
}
</script>
<script type="text/javascript" language="javascript">
function setTime() {
// 博客创建时间秒数,时间格式中,月比较特殊,是从 0 开始的,所以想要显示 5 月,得写 4 才行,如下
var create_time = Math.round(new Date(Date.UTC(2017, 10, 01, 0, 0, 0))
.getTime() / 1000);
// 当前时间秒数,增加时区的差异
var timestamp = Math.round((new Date().getTime() + 8 * 60 * 60 * 1000) / 1000);
currentTime = secondToDate((timestamp - create_time));
currentTimeHtml = currentTime[0] + '年' + currentTime[1] + '天'
+ currentTime[2] + '时' + currentTime[3] + '分' + currentTime[4]
+ '秒';
document.getElementById("htmer_time").innerHTML = currentTimeHtml;
}
setInterval(setTime, 1000);
</script>
网站运行:<span id="htmer_time" style="color: red;"></span>
实时计算并输出网站运行时间
同时给出PHP的方法:
<?php
/**
* 秒转时间,格式 年 月 日 时 分 秒
* @author admin@ityinhu.com
* @param int $time
* @return array|boolean
*/
// 设置时区
date_default_timezone_set('Asia/Shanghai');
function Sec2Time($time){
if(is_numeric($time)){
$value = array(
"years" => 0, "days" => 0, "hours" => 0,
"minutes" => 0, "seconds" => 0,
);
if($time >= 31556926){
$value["years"] = floor($time/31556926);
$time = ($time%31556926);
}
if($time >= 86400){
$value["days"] = floor($time/86400);
$time = ($time%86400);
}
if($time >= 3600){
$value["hours"] = floor($time/3600);
$time = ($time%3600);
}
if($time >= 60){
$value["minutes"] = floor($time/60);
$time = ($time%60);
}
$value["seconds"] = floor($time);
return (array) $value;
}else{
return (bool) FALSE;
}
}
// 本站创建的时间
$site_create_time = strtotime('2017-09-01 00:00:00');
$time = time() - $site_create_time;
$uptime = Sec2Time($time);
?>
本站运行:<span style="color:red;"><?php echo $uptime['years']; ?>年<?php echo $uptime['days']; ?>天<?php echo $uptime['hours']; ?>小时<?php echo $uptime['minutes']; ?>分<?php echo $uptime['seconds']; ?>秒</span>
这样就可以统计出网站的运行时间了!
- END -
文章链接:https://www.ityinhu.com/261.html
作者邮箱:ponyj@qq.com