安全运行时间代码改良版

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

可以直接拿着使用

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

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://wangzi-kai.github.io/js/jquery.min.js"></script>
<style type="text/css">
#time{
animation:time 20s infinite;font-weight:800;
}
@keyframes time{
0%{color:#FF0000;}
15%{color:#FF7D00;}
30%{color:#FFFF00;}
45%{color:#00FF00;}
70%{color:#00FFFF;}
85%{color:#0000FF;}
100%{color:#FF00FF;}
}
</style>
</head>
<body>
<span id="time">
<script>
$(document).ready(function(){
function show_date_time(){
window.setTimeout("show_date_time()", 1000);
BirthDay=new Date("月-日-年时:分:秒");
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);
time.innerHTML="本站已安全运行："+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" ;
}
show_date_time();
});
</script>
</span>
</body>
</html>

复制代码

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

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

<!DOCTYPE html>
<html lang="en">
<html>
<head>
<script type="text/javascript" src="https://wangzi-kai.github.io/js/jquery.min.js"></script>
<style type="text/css">
#time{
animation:time 20s infinite;font-weight:800;
}
@keyframes time{
0%{color:#FF0000;}
15%{color:#FF7D00;}
30%{color:#FFFF00;}
45%{color:#00FF00;}
70%{color:#00FFFF;}
85%{color:#0000FF;}
95%{color:#FF00FF;}
100%{color:#FF0000;}
}
</style>
</head>
<body>
<span id="time">
<script>
$(document).ready(function(){
function show_date_time(){
window.setTimeout("show_date_time()", 1000);
BirthDay=new Date("月-日-年时:分:秒");
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);
time.innerHTML="本站已安全运行："+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" ;
}
show_date_time();
});
</script>
</span>
</body>
</html>

复制代码

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

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

	系统消息：尊敬的用户，动象论坛的邮件系统已经完美修复，您现在可以顺利使用自助注册和找回密码功能了。万分感谢你对动象论坛的喜爱与支持~	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
	Civilmafia：仙家军	02-03 19:08

小喇叭+ 发布

安全运行时间代码改良版

最佳新人

活跃会员

灌水之王