彩色的还能渐变颜色

不废话,直接上代码

<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>

 

声明:本站资源仅供学习研究,禁止商用或用于非法途径,请严格遵守各地区的法律法规!违反以上条款产生法律纠纷本站概不负责,如果侵犯了您的权益请与我们联系删除!