安全运行时间代码改良版

汪子凯 · 发表于 2021-2-3 20:20:07

可以直接拿着使用

admin已经发了不变色的，下面就来看一下改良的

<!DOCTYPE html>, [) w, Y9 {) W. W
<html>% Y g' u' O, h" e( i
<head>
) q7 H* e6 W' x& t# g
<script type="text/javascript" src="https://wangzi-kai.github.io/js/jquery.min.js"></script>
& P, F1 l& x* f# M. \1 l U
<style type="text/css">
* _, x- I3 e- x2 ]) ?
#time{
`) j# Z: A& b; i! z" h
animation:time 20s infinite;font-weight:800;
3 P* [: B- A7 M
}: [& [$ f/ {; U5 a) e. H& M* k1 K
@keyframes time{! G& U) z* ?& B) {$ {
0%{color:#FF0000;}
6 i- N& }/ G2 l2 E) M8 o
15%{color:#FF7D00;}) M. D- |5 f0 M" { S* `! _
30%{color:#FFFF00;}! p# V8 q) H# B0 h
45%{color:#00FF00;}( |. l1 }- Q, ?) _' [* r. q8 M3 s
70%{color:#00FFFF;}
- a) p9 y( g+ J2 E2 a
85%{color:#0000FF;}" Z5 Q+ x- V, ?
100%{color:#FF00FF;}
, h* O( E$ r3 D: c( B9 e. D
}
4 Q5 w7 V5 S Y N% r5 S8 x6 u
</style>
) H! w3 S% C1 k0 @
</head>
4 y: C2 \% ?1 G$ g1 _' V. A/ G- N; E
<body>
! @* X6 d P/ n# b: i2 ]2 Y0 B
<span id="time">* t/ r, e! R3 O
<script>
6 m( \4 k+ c" B V
$(document).ready(function(){
+ h( ~8 a! _$ R2 |* Y% ~( N
function show_date_time(){
) Q1 a8 o+ f7 V
window.setTimeout("show_date_time()", 1000);! `9 |8 l4 @3 e- F
BirthDay=new Date("月-日-年时:分:秒");
8 U$ x9 |0 S$ v d; ^7 s1 n
today=new Date();- S: r3 j; Q3 ]& x8 E9 a2 L' H! L
timeold=(today.getTime()-BirthDay.getTime());& w9 ?; V3 Y, A7 O
sectimeold=timeold/1000
9 R; |# w% j0 _- ?& ]
secondsold=Math.floor(sectimeold);
' t$ Z1 }# j5 h! ^: i( O' ]
msPerDay=24*60*60*1000
! ~; _* p9 j' _" w0 b% I
e_daysold=timeold/msPerDay' \8 ~4 z1 ~4 s5 k; p
daysold=Math.floor(e_daysold);
* a& `9 Q7 ^0 `- ~" q
e_hrsold=(daysold-e_daysold)*-24;: S: @7 e- F+ |1 ?% _! U. G
hrsold=Math.floor(e_hrsold);
5 p* Y9 C! k. b0 X; y
e_minsold=(hrsold-e_hrsold)*-60;$ Y; q) ]- y+ e- f5 k# Q7 S, m
minsold=Math.floor((hrsold-e_hrsold)*-60);
- I: A& `! Y: p
seconds=Math.floor((minsold-e_minsold)*-60);
& y, ^+ e& f$ K; z! n
time.innerHTML="本站已安全运行："+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" ;
5 e! Q: D* m+ d$ r# J$ n8 K
}$ H; r+ M2 k' Y$ n; a( G6 m/ ]
show_date_time();
4 R2 Z5 G( ~$ o
});
1 M0 x3 T- W5 Q+ x, S0 Q
</script>* }) i# L4 [& t* P! `; l
</span>3 [& c; G+ |2 W, S; C. R% S; k
</body>
0 Z* {. |- a5 q* A9 b9 A
</html>

复制代码

新增了一些颜色，解决了一些可能的兼容问题

汪子凯 · 发表于 2021-2-3 20:33:00

<!DOCTYPE html>' x0 G3 Y0 P" Y- I* m* w9 v
<html lang="en">5 S, |6 b. e( w0 [
<html>
/ o/ |* \5 D4 I. K
<head>
2 I5 ~! `2 o4 o; A
<script type="text/javascript" src="https://wangzi-kai.github.io/js/jquery.min.js"></script>- ^$ n* B- t! Z, G
<style type="text/css">
# \0 r% j: z" k" ?) u
#time{. v8 N1 x$ B9 D1 A% A- I8 C
animation:time 20s infinite;font-weight:800;
r7 B7 G& ~$ Z
}: t4 V: d6 N* a/ w
@keyframes time{
, ]3 s8 D* p% H9 Y/ I4 }# _
0%{color:#FF0000;}
; e; B2 H# ^. X9 A
15%{color:#FF7D00;}
. k2 x u U5 {+ {& C |5 z v
30%{color:#FFFF00;}- O& _# w5 T" \5 s# y* _
45%{color:#00FF00;}
, P5 q% O' X/ T2 F
70%{color:#00FFFF;}$ W8 E# E- {# G1 P& _- ^% ^
85%{color:#0000FF;}, U S: _6 D9 k5 L1 b8 X4 Z
95%{color:#FF00FF;}
: j) M, t3 G4 t9 T1 X
100%{color:#FF0000;}/ B0 X" v f6 s6 H3 I+ z* x
}; ]- L# H8 i1 G# C
</style>1 o2 I( f' y, q$ ]; F
</head>0 @! ~, c7 T2 V% r) a" E) w
<body>
2 w; O! m; S1 e+ F0 n* f8 o( u
<span id="time">; L1 u; i' b8 n
<script>& E. ?! i! E+ T
$(document).ready(function(){9 O; A% L; g' [& R
function show_date_time(){; u( t8 Y/ m N. S- p; f4 v, R9 @
window.setTimeout("show_date_time()", 1000);
$ Q. z- n4 ~. {5 L, u4 X
BirthDay=new Date("月-日-年时:分:秒");. E7 Z7 z- d- r
today=new Date();' G# a- o' g4 X' V
timeold=(today.getTime()-BirthDay.getTime());
+ D/ Y. }! |7 h: A: u+ h
sectimeold=timeold/10008 q9 O; w) b$ m% g7 D: {! R Z5 D
secondsold=Math.floor(sectimeold);
9 \) x0 a% g1 i4 b, n( G0 w
msPerDay=24*60*60*1000
# x* R- K1 e5 r, E
e_daysold=timeold/msPerDay$ i6 M, A2 ?; x& P2 ]
daysold=Math.floor(e_daysold);
% h9 H" J) ?; Y- U; B6 \" K
e_hrsold=(daysold-e_daysold)*-24;
. ? [2 ]# Y. t" Y
hrsold=Math.floor(e_hrsold);
# w# F" C' m+ \# @: _
e_minsold=(hrsold-e_hrsold)*-60;
; w8 B; Z! y0 f* W5 S4 n
minsold=Math.floor((hrsold-e_hrsold)*-60);& _, C. W n5 Q( B/ {; n
seconds=Math.floor((minsold-e_minsold)*-60);8 J( m5 g3 ^7 z1 B
time.innerHTML="本站已安全运行："+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" ;2 p" w& Q" {' b6 R+ Q) `
}1 X, L3 @ b: V
show_date_time();
2 N' T0 e" k& _* F5 E( c& i
});
, d' |1 b, Q, P# ~, S
</script>. [# W, K6 w/ X1 x3 u
</span>. Z+ B: a- [7 c* Z$ o# y f$ U
</body>4 U0 V( F: W9 w- O$ I
</html>

复制代码

再改了一下，看起来比较自然一点

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

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

	系统消息：动象论坛祝大家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

小喇叭+ 发布

安全运行时间代码改良版

最佳新人

活跃会员

灌水之王