安全运行时间代码改良版

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

可以直接拿着使用

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

<!DOCTYPE html>9 _' [' m0 F0 c- V. s6 C/ p0 H
<html>
9 k- P& n7 ^- j
<head>) \$ j, N) u# ~' O, ~# t) T4 \ A) x$ ^& b
<script type="text/javascript" src="https://wangzi-kai.github.io/js/jquery.min.js"></script>
, l% d; D1 v) f6 Q5 x6 y
<style type="text/css">+ `9 W1 `0 Q* n+ L9 U; U9 y
#time{& ?, ] Z9 z$ _
animation:time 20s infinite;font-weight:800;
6 [3 M4 `" M5 ]3 C/ z& o
}$ c9 x7 |/ f% |* V% T& x7 z: A5 u
@keyframes time{$ U5 [3 w" a7 U, s' J; J3 d: ~
0%{color:#FF0000;}
3 \/ V! J' l8 w2 m) }
15%{color:#FF7D00;}1 s1 H8 I% P# j1 B m4 C6 _3 t
30%{color:#FFFF00;}1 |1 [2 j2 k0 A
45%{color:#00FF00;}- U8 f m' R3 U! ^6 U
70%{color:#00FFFF;}5 v& C, _: Z1 C( T; O7 S# v
85%{color:#0000FF;}
2 H# R _! B" k+ O& @ @
100%{color:#FF00FF;}
! {6 b- s) z/ q! x; D( s
}& b$ t& a% x+ Q5 {, q t
</style>$ f: {5 u4 z T% k2 i' Q# E
</head>
' d% z9 }0 Z" H( Z4 _ P
<body>
# W7 L4 Z; H& P
<span id="time">
; _! e7 I' }% |2 r# q( ^
<script>
' T0 n6 g& @3 [. n
$(document).ready(function(){
. Q$ x; D! S; n! [
function show_date_time(){
9 X6 P" W$ b% J& Y% V
window.setTimeout("show_date_time()", 1000);
7 I" ]+ u6 V2 A1 J$ \+ _
BirthDay=new Date("月-日-年时:分:秒");
: c; F7 g/ \$ J; L
today=new Date();
1 }. k8 ]+ x1 t, c; G
timeold=(today.getTime()-BirthDay.getTime());
' Z4 G# i" m( u2 ^+ H; Y
sectimeold=timeold/1000
" ?( A; U3 m% x0 ^2 S# ~+ ]9 J
secondsold=Math.floor(sectimeold);
& ^# O+ u E( F3 x/ T. r1 s5 b
msPerDay=24*60*60*1000
+ y4 V3 M8 w4 r* S
e_daysold=timeold/msPerDay
! m2 Y+ f* w; y6 k
daysold=Math.floor(e_daysold);$ ~# j1 D7 |" p; Q8 f
e_hrsold=(daysold-e_daysold)*-24;7 m3 Y, g2 n. P! P6 _2 n
hrsold=Math.floor(e_hrsold);
' ^- }$ Z: M a8 U E
e_minsold=(hrsold-e_hrsold)*-60;- H8 Y- T; l( ], g5 b$ x+ T
minsold=Math.floor((hrsold-e_hrsold)*-60);
0 y1 B. V e# L! P
seconds=Math.floor((minsold-e_minsold)*-60);3 Q6 I; y. g8 p. L/ m' u. e) r( L% p
time.innerHTML="本站已安全运行："+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" ;, m" J+ Y+ M( t
}0 u# I$ D4 l& B- k! m
show_date_time();' R4 o6 {5 y! a4 J4 _
}); d# S9 Q+ O _
</script>$ u. T$ _9 R8 Y( g
</span>
! y/ g: ?, O( q T& R* _' U% b- t
</body>
. M9 }' }/ @) _5 H4 e
</html>

复制代码

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

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

<!DOCTYPE html>7 C8 e9 x. N& m" `, F, n
<html lang="en">7 y( y# Z9 L: q4 i
<html>2 v. x- u" C1 |7 ?( e
<head>' B. d7 k2 G/ o, o2 I# F
<script type="text/javascript" src="https://wangzi-kai.github.io/js/jquery.min.js"></script>
3 a0 Z8 F- V9 s6 l) W6 D
<style type="text/css">! ?( x# V) \ @
#time{
8 P4 Q( }+ d3 P5 v C8 g
animation:time 20s infinite;font-weight:800;
$ C9 j+ Z* S0 |
}3 U: O3 t! k: j4 H/ F7 o& m3 g
@keyframes time{
* g( ^+ W# i- N
0%{color:#FF0000;}* ^* H* ~% m% [: p7 `& X, i7 q1 g
15%{color:#FF7D00;}& h8 N1 Z& Y5 o6 }5 B
30%{color:#FFFF00;}
% f$ Q" j0 F, ~, _
45%{color:#00FF00;} H- l- J% D$ z% g) @4 V2 x. o
70%{color:#00FFFF;}
. k2 a: c' x) M1 A
85%{color:#0000FF;}1 ~( Z8 n$ e% f% K$ d# b
95%{color:#FF00FF;}
0 Q. s4 J! y; ?# [7 Z$ W. M0 a0 ^
100%{color:#FF0000;}
+ P6 M7 Y/ [' @) r
}
( g, r6 R& a! P' l: w/ }
</style>5 z- ]3 P4 V1 A4 V# H0 U
</head>, S' P$ g- I( i9 r9 k3 `* G
<body>
* G. I$ L0 z, G! ^/ i+ O
<span id="time">
4 p9 A( d. F0 a
<script>' `0 p4 Z g2 O
$(document).ready(function(){
2 a2 ^ @ }* p4 C: H
function show_date_time(){
% A( t! L! ^7 M1 v
window.setTimeout("show_date_time()", 1000);
2 D3 J( q, V. \- |* V2 h' e: }
BirthDay=new Date("月-日-年时:分:秒");
/ t9 n; u- V- N( T" w
today=new Date();! Q* F2 x& ^8 \4 u# u- y5 f
timeold=(today.getTime()-BirthDay.getTime()); z1 ^3 o% n: ]* g( m% P5 {
sectimeold=timeold/1000
4 m" W2 W" G! {
secondsold=Math.floor(sectimeold);
( Q( s' q! h8 I+ V" v I+ t
msPerDay=24*60*60*1000) n- w$ [$ t; W, A* b
e_daysold=timeold/msPerDay6 s7 X: p. v6 S4 K
daysold=Math.floor(e_daysold);
6 n, M) J) |$ q$ i
e_hrsold=(daysold-e_daysold)*-24;2 h4 `* |* ?# R1 R# W! Q4 X o
hrsold=Math.floor(e_hrsold);
1 I' X: O6 ]/ R3 ]7 F3 I
e_minsold=(hrsold-e_hrsold)*-60;
- m' T. c% o9 s0 U% M: _& e# D
minsold=Math.floor((hrsold-e_hrsold)*-60);
2 w0 w- L* Y$ E, P# y
seconds=Math.floor((minsold-e_minsold)*-60);
$ V' f' U$ @2 E6 a9 }/ @- i
time.innerHTML="本站已安全运行："+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" ;, u7 C3 o. H* g% h
}
: a+ B3 B" h5 R$ G. U
show_date_time();" C/ e* N1 L- l2 ]" M6 y/ u
});; t9 {! N1 ]5 \% W0 j* y$ R
</script>* i7 ?, r2 [( g7 U. w# v
</span>; |) a) d: x( L: W9 |& \2 o
</body>
% ~0 m) P& ?7 k- ]$ l# 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

小喇叭+ 发布

安全运行时间代码改良版

最佳新人

活跃会员

灌水之王