汪子凯 发表于 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>
再改了一下，看起来比较自然一点
页: [1]
查看完整版本: 安全运行时间代码改良版