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

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

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

本站已安全运行:6 u6 R: s) V& p& o
<span id="momk"></span>4 V3 `% e7 r5 [8 ^4 T) w
<script language=javascript>: \" c% p: q& i8 X4 ?
function show_date_time(){
% g2 ?6 b- q: d1 {0 {5 i* S2 }
window.setTimeout("show_date_time()", 1000);
6 M% U1 W0 O& M! Q' `% j
BirthDay=new Date("08-08-2020 11:11:11");//建站日期' D) {+ N: ?( ~% Q7 T4 p
today=new Date();# l) V) r/ X: ]- j/ A
timeold=(today.getTime()-BirthDay.getTime());* n! _2 [ T9 y$ v% n( C
sectimeold=timeold/10001 G ~; M5 _% R8 Z
secondsold=Math.floor(sectimeold);
$ \% [5 l* H3 O+ Y l, s. k
msPerDay=24*60*60*1000- o1 z5 n8 L$ p; e
e_daysold=timeold/msPerDay3 T- v' C9 x% j* W1 O, J
daysold=Math.floor(e_daysold);
/ H1 E6 [1 w1 d, z- U# [' t
e_hrsold=(daysold-e_daysold)*-24;
3 g' b' y- `+ g: E! m. ?
hrsold=Math.floor(e_hrsold);1 I- O* d( ]+ [" i& U v, `. i
e_minsold=(hrsold-e_hrsold)*-60;8 t, ]4 k. C: h5 n) T+ R
minsold=Math.floor((hrsold-e_hrsold)*-60);
( \9 S! g0 X: o$ m7 g
seconds=Math.floor((minsold-e_minsold)*-60);- [) d% { F1 V% d' l2 [
momk.innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" ;
1 _" ^- W8 ~3 c# L
}) n& n/ j0 n Z1 F7 _' i. G& }
show_date_time();
4 }" e ^4 x3 S% t
</script>
1 B+ q: \! X f2 i9 J
<style>
& \! }: e( k2 |6 x
#momk{animation:change 10s infinite;font-weight:800; }
4 |; J" c0 A, g$ N! w
@keyframes change{0%{color:#5cb85c;}25%{color:#556bd8;}50%{color:#e40707;}75%{color:#66e616;}100% {color:#67bd31;}}
, o5 f x1 g: z7 _. C6 X$ [
</style>

复制代码

2. 可变色

<span id="momk"></span><span id="momk" style="color: #ff0000;"></span>
7 q5 z, A+ F2 ~% w/ O. _8 O
<script type="text/javascript">/ o* v$ k( F5 E+ i+ ~7 [6 I
function NewDate(str) {
! [9 o! X/ o- x9 U" \% W
str = str.split('-');0 Y. ~% U+ U* O8 e8 g# x/ H4 p
var date = new Date();
/ _; p3 M3 m- P( O# ^2 w* S [
date.setUTCFullYear(str[0], str[1] - 1, str[2]);! H- |9 H2 e1 I+ S6 j# S2 j: S
date.setUTCHours(0, 0, 0, 0);& f o4 R! U$ `6 o8 j4 n! b
return date;
/ e1 Y. R: R2 U
}. `+ \6 Z2 W; ~7 {7 v- X
function momxc() {
# E% ]# I- H" ?: n% s. E
var birthDay =NewDate("2020-8-8");
( j, }6 }3 G; s4 ]/ v) k8 ^/ j
var today=new Date();
% z+ q* c d2 W' ]* l2 ~
var timeold=today.getTime()-birthDay.getTime();
: p1 b- U& e5 O z5 N
var sectimeold=timeold/1000
, i, w3 W; F, u, w$ z
var secondsold=Math.floor(sectimeold);
- j3 H- N, `+ n3 ^( l$ z- Q: E
var msPerDay=24*60*60*1000; var e_daysold=timeold/msPerDay;% }% N& \1 B& u
var daysold=Math.floor(e_daysold);; Q0 m9 |1 z2 o' T
var e_hrsold=(daysold-e_daysold)*-24;
c# C6 k% ^$ x7 R. d& z5 w( L2 v/ b
var hrsold=Math.floor(e_hrsold);
. `; M) m" u' V% y! u
var e_minsold=(hrsold-e_hrsold)*-60;
, O6 W- d6 M# u
var minsold=Math.floor((hrsold-e_hrsold)*-60); var seconds=Math.floor((minsold-e_minsold)*-60).toString();# V& O$ Q% l5 \9 N' D- N
document.getElementById("momk").innerHTML = "本站已安全运行"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒";
. w' a4 z7 n3 O5 t t5 C3 k
setTimeout(momxc, 1000);7 n* N) b9 I9 ]+ \) H0 N5 c
}momxc();- n2 j3 m9 {* \) ?# I! A4 v8 p! N
</script> <style>
, T; g) }; m+ L
#momk{animation:change 10s infinite;font-weight:800; }$ ?' ~$ }# ]) i6 {. d
@keyframes change{0%{color:#5cb85c;}25%{color:#556bd8;}50%{color:#e40707;}75%{color:#66e616;}100% {color:#67bd31;}}
6 Y( ~# \6 ^2 j2 s) |
</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, ~5 H0 w/ s& i0 ^* V
@keyframes可以多加几种颜色

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

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

Civilmafia 发表于 2021-12-5 00:16
. Z1 j5 ?" Y' U- E; W这个代码是怎么用的啊？看不懂？@admin

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

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

汪子凯发表于 2021-2-3 20:36
- S0 h! ]9 M/ X7 W- y0 c可变色的，两个span，id同时monk，不会重叠两个时间吗？

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

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

admin 发表于 2022-7-26 18:10% s, i9 `+ s* T% }6 V. F q
这个用来加在网站底部（最常见的用途）。
0 e7 B/ e4 |+ g- V8 Q: x可以看我们的效果图

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

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

Civilmafia 发表于 2022-7-28 11:00% E; d% l0 Y1 t2 I0 c
话说回来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

小喇叭+ 发布

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

浏览过的版块

最佳新人

活跃会员

热心会员

推广达人

宣传达人

灌水之王

突出贡献

优秀版主

荣誉管理

论坛元老