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

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

感谢sharebe's lab，他们提供了本文的代码
代码如下
1. 不可变色

本站已安全运行:& s: R3 C; e! b6 ~% Z: l* W. R
<span id="momk"></span>5 S; ~( I' F* C5 U! c# X
<script language=javascript>/ O; D' c* ~0 r# F$ e
function show_date_time(){0 P( l% Q2 i* q: E
window.setTimeout("show_date_time()", 1000);& s" \/ k6 W& X- s1 k
BirthDay=new Date("08-08-2020 11:11:11");//建站日期
1 n& g+ V) _4 U7 D2 |, C
today=new Date();7 Q; t/ [/ f* j! |" Q4 ^
timeold=(today.getTime()-BirthDay.getTime());2 R7 O7 t& Q0 k
sectimeold=timeold/1000- `# S5 Y* `& D6 H+ {
secondsold=Math.floor(sectimeold);' _/ b" p! e* i) L6 D( [' I! V2 x" G
msPerDay=24*60*60*1000' B6 y2 y3 I. _, _5 B( H# _
e_daysold=timeold/msPerDay- m1 d6 x# c2 B8 D. d+ R) u# s
daysold=Math.floor(e_daysold);
N ^ R' v: p' x1 t2 _
e_hrsold=(daysold-e_daysold)*-24;% l" ^$ z- Y. y% B, u
hrsold=Math.floor(e_hrsold);1 w. d$ }0 x1 v
e_minsold=(hrsold-e_hrsold)*-60;: i) {7 u0 K' T6 z0 [( c) ]: b( P
minsold=Math.floor((hrsold-e_hrsold)*-60);
# U0 [: A8 r8 q4 R% M% P
seconds=Math.floor((minsold-e_minsold)*-60);
7 Z5 d. U+ v" \0 g$ K$ H) G
momk.innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" ;+ Y8 Q8 _2 M, Q! Y4 m
}
?! r/ S( F3 J r( x$ e
show_date_time();
6 r3 L8 a# c- `5 W
</script>
3 b+ v' l9 [8 ~% W
<style>
- _. L8 x: [) _) z' P
#momk{animation:change 10s infinite;font-weight:800; }7 Y- F% u, L* @' r# [
@keyframes change{0%{color:#5cb85c;}25%{color:#556bd8;}50%{color:#e40707;}75%{color:#66e616;}100% {color:#67bd31;}}- B2 R4 {# P- q! M3 z1 p! E% b
</style>

复制代码

2. 可变色

<span id="momk"></span><span id="momk" style="color: #ff0000;"></span>
2 Y+ x) N' `$ l+ |+ \2 K% C, ~: t4 Y
<script type="text/javascript">& Y" R: _/ {4 d- v- a
function NewDate(str) {/ |& a# u3 a, K- Y
str = str.split('-');5 |# \* n" C. n9 O- X; s
var date = new Date();
5 }& P% `( G1 b5 ?% B# n! K
date.setUTCFullYear(str[0], str[1] - 1, str[2]);
4 }* c' A* e/ X/ ~+ m
date.setUTCHours(0, 0, 0, 0);4 @* Z; O3 D( ]# J
return date;
_/ k' o, D( r' s# ^4 a" e
}: u6 a S: U" A
function momxc() {
1 c7 [5 d8 ]8 N8 [+ M' _$ Z
var birthDay =NewDate("2020-8-8");) ^. Y5 j2 S1 X5 T2 c
var today=new Date();
9 e* u- Z" W. \, c, Q- t0 d, X* \4 g
var timeold=today.getTime()-birthDay.getTime();
0 ?9 O2 x- B' y3 f
var sectimeold=timeold/1000
6 [' z9 W" \; m
var secondsold=Math.floor(sectimeold);
/ w' d, d& w9 E. H
var msPerDay=24*60*60*1000; var e_daysold=timeold/msPerDay;
' a% j, i' {) ?/ |4 E6 D' n- x
var daysold=Math.floor(e_daysold);' ~" S- q" f! p( v' G ?
var e_hrsold=(daysold-e_daysold)*-24;
# c# N) J7 H8 L) S, R5 K2 T4 i
var hrsold=Math.floor(e_hrsold);" i) P6 W3 A) }' k, H5 d
var e_minsold=(hrsold-e_hrsold)*-60;* B/ H1 {0 S! y ?
var minsold=Math.floor((hrsold-e_hrsold)*-60); var seconds=Math.floor((minsold-e_minsold)*-60).toString();
& K2 U& _1 g; C; S
document.getElementById("momk").innerHTML = "本站已安全运行"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒";
3 k/ A8 c) Q. B3 u
setTimeout(momxc, 1000);6 L5 `4 S% \. m Z/ A* z6 D
}momxc();4 t- w* U6 q. H0 w) {. k
</script> <style>
8 T0 |2 F: f$ P Q$ `. m9 |
#momk{animation:change 10s infinite;font-weight:800; }
3 E0 m% q7 M: [/ Q8 \ M
@keyframes change{0%{color:#5cb85c;}25%{color:#556bd8;}50%{color:#e40707;}75%{color:#66e616;}100% {color:#67bd31;}}
P- W: t- V) {$ a
</style>

复制代码

↓ 动象论坛实例

汪子凯 · 发表于 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
! {" V3 [- k9 s) z@keyframes可以多加几种颜色

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

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

Civilmafia 发表于 2021-12-5 00:16
, |# S) X7 d5 H1 n& F: u这个代码是怎么用的啊？看不懂？@admin

这个用来加在网站底部（最常见的用途）。
可以看我们的效果图

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

汪子凯发表于 2021-2-3 20:36
" X8 _5 z- Z+ K- b" V; b可变色的，两个span，id同时monk，不会重叠两个时间吗？

目前我们实测是不会的。
您可以看看下面的图

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

admin 发表于 2022-7-26 18:10- {& y! X% f+ h, L/ t+ Z% g" m( Y
这个用来加在网站底部（最常见的用途）。
V' U( e# q6 O2 V可以看我们的效果图

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

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

Civilmafia 发表于 2022-7-28 11:00
. B ~9 Y/ A" Y话说回来dz网站底部的代码文件是哪一个啊？我是新手，我怕我手贱把网站弄没了. ...

请参见：[原创]完美去除Discuz! 中版权信息：https://www.mjysd.top/forum.php?mod=viewthread&tid=1046&fromuid=1(出处: 动象论坛)

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

		自动登录	找回密码
密码			立即注册！

账号		自动登录	找回密码
密码			立即注册

	系统消息：动象论坛祝大家2025新年快乐~愿大家年年皆欢愉，岁岁皆可期！（PS：这行文字可以点击哦~）	12-31 23:03
	系统消息：尊敬的用户，动象论坛的邮件系统已经完美修复，您现在可以顺利使用自助注册和找回密码功能了。万分感谢你对动象论坛的喜爱与支持~	06-10 15:28
	系统消息：很抱歉的通知您，当前论坛的邮件系统暂时出现故障，因此自助注册和找回密码的功能将无法使用。如有任何需要，您可以直接添加客服QQ：230273459进行人工操作。对此给您带来的不便，我们深感歉意。	06-10 09:11
	admin：动象论坛祝大家端午快乐~悠悠粽草，人间芳华，年年岁岁皆如愿，岁岁年年长安康。	06-10 09:09
	系统消息：动象论坛祝大家高考加油~	06-09 15:13
	系统消息：各位坛友，由于“两会”封网原因，动象论坛服务中止了约一个星期，对于由此给您造成的麻烦我们感到万分抱歉。	03-18 23:04
	admin：动象论坛在这里祝大家2024龙年新年快乐～	02-09 14:58
	系统消息：论坛端口问题已经解决~您可以直接访问论坛域名mcmc.ltd（www.mcmc.ltd）啦~（Tips：如访问时提示“连接被重置”报错，请清空您的DNS缓存与浏览器缓存。）	02-05 19:14
	系统消息：论坛预计今天晚间将端口问题修复完成，请留意论坛动态，感谢您对动象论坛的支持~	02-05 14:06
	系统消息：动象论坛目前正在紧急迁移服务器，目前请您先访问https://mcmc.ltd:150。论坛正在全力找CDN以修复端口问题，由此给您造成影响亿常抱歉。。	02-05 11:23
	系统消息：动象论坛祝大家2024年新年快乐吖~祝大家前路浩浩荡荡，万事皆可期待~	12-31 22:41
	系统消息：动象论坛拟于7月20日至7月21日进行服务器迁移和域名更换，届时论坛服务将暂时不可用。对此给您带来的麻烦，我们感到十分抱歉。	07-18 19:51
	Mozilla：hello world	07-04 17:39
	系统消息：高考倒计时2天！动象论坛祝大家2023高考完胜！加油！！！！！！	06-04 23:44
	神秘人：	03-21 07:20
	系统消息：向各位论坛坛友公开一下，我们现在吸收了@luoying2334 为论坛管理团队成员，管理讨论区、软件分享区和得闲饮茶区。如您有任何质疑，请您在【意见与建议】版块发帖，感谢您的支持~	03-20 23:23
	admin：论坛没啥人气啊emmm，欢迎大家来推荐退荐～	03-12 22:34
	luoying2334：	02-05 11:11
	luoying2334：给我学狗叫啊，三回啊三回	02-05 11:11
	Civilmafia：追尾黑色高级车	02-04 14:27

小喇叭+ 发布

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

最佳新人

活跃会员

热心会员

推广达人

宣传达人

灌水之王

突出贡献

优秀版主

荣誉管理

论坛元老