网页底部显示 “本站已安全运行……天” 代码

彩色的还能渐变颜色

不废话，直接上代码

<span id=”runtimeSpan” style=”color: #ff0000;”></span>
<script type=”text/javascript”>
function showRuntime(){
window.setTimeout(“showRuntime()”, 1000);
var startTime = new Date(“3/10/2020 00:00:00”);
var nowTime = new Date();
var timestamp = (nowTime.getTime() – startTime.getTime());
var oneDayMilliseconds = 24*60*60*1000;
var totalDaysTmp = timestamp / oneDayMilliseconds;
var totalDays = Math.floor(totalDaysTmp);
var yuHoursTmp = (totalDaysTmp – totalDays) * 24;
var yuHours = Math.floor(yuHoursTmp);
var yuMinutesTmp = (yuHoursTmp – yuHours) * 60;
var yuMinutes = Math.floor((yuHoursTmp – yuHours) * 60);
var yuSeconds = Math.floor((yuMinutesTmp – yuMinutes) * 60);
var yuHours = yuHours < 10 ? ‘0’ + yuHours : yuHours;
var yuMinutes = yuMinutes < 10 ? ‘0’ + yuMinutes : yuMinutes;
var yuSeconds = yuSeconds < 10 ? ‘0’ + yuSeconds : yuSeconds;
runtimeSpan.innerHTML = “www.mikcode.com本站已安全运行: ” + totalDays + “天” + yuHours + “小时” + yuMinutes + “分” + yuSeconds + “秒”;
}
showRuntime();
</script>
<style>
#runtimeSpan{animation: change 10s infinite;font-weight: 800;}
@keyframes change{0%{color:#AAC9CE;}25%{color:#F56A79;}50%{color:#1AA6B7;}75%{color:#FCF9F0;}100%{color:#E73B3E;}}
</style>