当前位置:首页 > 技术 > 代码 > 简单添加个“本站已经安全运行XX年XX天XX秒”教程

简单添加个“本站已经安全运行XX年XX天XX秒”教程

懋和道人4个月前 (11-16)代码2380

第一种

第一步:在需要展示“本网站运行了XX年XX天XX秒”的地方,插进去:

<span id="sitetime"></span>

第二步:在插进去的</div>后面跟个JS代码,如下(建议插在之前,谁知道你之前还插了多少):

<script language=javascript>    
function siteTime()
{        
WINdow.setTimeout("siteTime()", 1000);        
var seconds = 1000;        
var minutes = seconds * 60;        
var hours = minutes * 60;        
var days = hours * 24;        
var years = days * 365;        
var today = new Date();        
var todayYear = today.GETFullYear();        
var todayMonth = today.getMonth()+1;        
var todayDate = today.getDate();        
var todayHour = today.getHours();        
var todayMinute = today.getMinutes();        
var todaySecond = today.getSeconds();        
var t1 = Date.UTC(2007,08,31,00,00,00);        
var t2 = Date.UTC(todayYear,todayMonth,todayDate,todayHour,todayMinute,todaySecond);        
var diff = t2-t1;        
var diffYears = Math.floor(diff/years);        
var diffDays = Math.floor((diff/days)-diffYears*365);        
var diffHours = Math.floor((diff-(diffYears*365+diffDays)*days)/hours);        
var diffMinutes = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours)/minutes);        v
ar diffSeconds = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours-diffMinutes*minutes)/seconds);        
document.getElementById("sitetime").innerHTML=+diffYears+"年"+diffDays+"天"+diffHours+"时"+diffMinutes+"分钟"+diffSeconds+"秒";    
}    
siteTime();
</script>

简单演示效果如下图:

image.png

第二种

做网站的时候就有想法,想在网站底部加一个“本站已安全运行XX天”。有需要的自己修改下就还,代码简单,省事,不占用什么资源。

第一步:把下面代码随便插到你要展示“本站已安全运行XX天”的地方:

<a>本站已经运行<a id="days">0</a>天</a>

第二步:在插进去的</div>后面跟个JS代码。当然代码放在之前即可,时间为你的建站时间(放在js里面记得取消)

<script>  
var s1 = '2007-08-31';//设置为你的建站时间  
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>

简单演示效果如下图:

image.png

打赏

扫描二维码推送至手机访问。

版权声明:本文由 懋和道人 发布,如需转载请注明出处。

本文链接:https://www.lizhichen.cn/new/20221116129.shtml

分享给朋友:

“简单添加个“本站已经安全运行XX年XX天XX秒”教程” 的相关文章

所谓权限

所谓权限

面板删除文件会有chattr进程,这个chattr进程是用于设置文件特殊权限的,如何检查是否有防篡改的开启,lsattr命令可以看下文件特殊权限,chattr命令可以解除文件的特殊权限。lsattr用...

何谓“人生倒计时”

何谓“人生倒计时”

css部分body {background:linear-gradient(to right,#9796f0,#fbc7d4);color:#333;display:flex;fl...

CSS 中鼠标悬停,图片旋转

CSS 中鼠标悬停,图片旋转

当鼠标放到图片上之后 图片旋转, 这里的图片给的是背景图transform: rotate(angle) 指定元素的 2D 旋转 transition:&nb...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。