admin 发表于 2020-10-5 10:37:54

【转】"网站已安全运行*天*时*分*秒"代码

感谢sharebe's lab，他们提供了本文的代码
代码如下
1. 不可变色
本站已安全运行:
<span id="momk"></span>
<script language=javascript>
function show_date_time(){
window.setTimeout("show_date_time()", 1000);
BirthDay=new Date("08-08-2020 11:11:11");//建站日期
today=new Date();
timeold=(today.getTime()-BirthDay.getTime());
sectimeold=timeold/1000
secondsold=Math.floor(sectimeold);
msPerDay=24*60*60*1000
e_daysold=timeold/msPerDay
daysold=Math.floor(e_daysold);
e_hrsold=(daysold-e_daysold)*-24;
hrsold=Math.floor(e_hrsold);
e_minsold=(hrsold-e_hrsold)*-60;
minsold=Math.floor((hrsold-e_hrsold)*-60);
seconds=Math.floor((minsold-e_minsold)*-60);
momk.innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" ;
}
show_date_time();
</script>
<style>
#momk{animation:change 10s infinite;font-weight:800; }
@keyframes change{0%{color:#5cb85c;}25%{color:#556bd8;}50%{color:#e40707;}75%{color:#66e616;}100% {color:#67bd31;}}
</style>2. 可变色
<span id="momk"></span><span id="momk" style="color: #ff0000;"></span>
<script type="text/javascript">
function NewDate(str) {
str = str.split('-');
var date = new Date();
date.setUTCFullYear(str, str - 1, str);
date.setUTCHours(0, 0, 0, 0);
return date;
}
function momxc() {
var birthDay =NewDate("2020-8-8");
var today=new Date();
var timeold=today.getTime()-birthDay.getTime();
var sectimeold=timeold/1000
var secondsold=Math.floor(sectimeold);
var msPerDay=24*60*60*1000; var e_daysold=timeold/msPerDay;
var daysold=Math.floor(e_daysold);
var e_hrsold=(daysold-e_daysold)*-24;
var hrsold=Math.floor(e_hrsold);
var e_minsold=(hrsold-e_hrsold)*-60;
var minsold=Math.floor((hrsold-e_hrsold)*-60); var seconds=Math.floor((minsold-e_minsold)*-60).toString();
document.getElementById("momk").innerHTML = "本站已安全运行"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒";
setTimeout(momxc, 1000);
}momxc();
</script><style>
#momk{animation:change 10s infinite;font-weight:800; }
@keyframes change{0%{color:#5cb85c;}25%{color:#556bd8;}50%{color:#e40707;}75%{color:#66e616;}100% {color:#67bd31;}}
</style>
↓ 动象论坛实例


https://pic.img.ski/1665934346.jpg

https://p.pstatp.com/origin/137fb00014ba98a09a650

汪子凯 发表于 2021-2-3 19:56:49

@keyframes可以多加几种颜色

汪子凯 发表于 2021-2-3 20:36:02

可变色的，两个span，id同时monk，不会重叠两个时间吗？

Civilmafia 发表于 2021-12-5 00:16:42

这个代码是怎么用的啊？看不懂？@admin

Civilmafia 发表于 2021-12-24 22:45:21

@admin 这个到底是怎么用的啊

admin 发表于 2022-7-26 18:10:07

汪子凯 发表于 2021-2-3 19:56
@keyframes可以多加几种颜色

也可以的，按照格式添加就行:victory:

admin 发表于 2022-7-26 18:10:53

Civilmafia 发表于 2021-12-5 00:16
这个代码是怎么用的啊？看不懂？@admin

这个用来加在网站底部（最常见的用途）。
可以看我们的效果图
https://i.niupic.com/images/2022/07/26/a1d8.png

admin 发表于 2022-7-26 18:12:24

汪子凯 发表于 2021-2-3 20:36
可变色的，两个span，id同时monk，不会重叠两个时间吗？

目前我们实测是不会的。
您可以看看下面的图
https://i.niupic.com/images/2022/07/26/a1d8.png

Civilmafia 发表于 2022-7-28 11:00:56

admin 发表于 2022-7-26 18:10
这个用来加在网站底部（最常见的用途）。
可以看我们的效果图

话说回来dz网站底部的代码文件是哪一个啊？我是新手，我怕我手贱把网站弄没了.

admin 发表于 2022-7-28 15:16:59

Civilmafia 发表于 2022-7-28 11:00
话说回来dz网站底部的代码文件是哪一个啊？我是新手，我怕我手贱把网站弄没了. ...
请参见：[原创]完美去除Discuz! 中版权信息：https://www.mjysd.top/forum.php?mod=viewthread&tid=1046&fromuid=1(出处: 动象论坛)

/template/default/common/footer.htm，这个是默认模板的目录。
如果您是安装了其它模板，一般是在 /template/您的模板目录/common/footer.htm 。

页: [1] 2
查看完整版本: 【转】"网站已安全运行*天*时*分*秒"代码