相信很多同学浏览网站时会看到「本站已安全运行多少多少天」其实这个是由代码构成的,若有兴趣建站的同学可以将下列代码复制粘贴到主题页脚文件或JS文件中。
<br> <span id="momk"></span><span id="momk" style="color: #ff0000;"></span> <script type="text/javascript"> function NewDate(str) { str = str.split('-'); var date = new Date(); date.setUTCFullYear(str[0], str[1] - 1, str[2]); date.setUTCHours(0, 0, 0, 0); return date; } function momxc() { var birthDay =NewDate("2021-11-29"); var today=new Date(); var timeold=today.getTime()-birthDay.getTime(); var sectimeold=timeold/1000 var secondsold=Math.floor(sectimeold); var msPerDay=24*60*60*1000; var e_daysold=timeold/msPerDay; var daysold=Math.floor(e_daysold); var e_hrsold=(daysold-e_daysold)*-24; var hrsold=Math.floor(e_hrsold); var e_minsold=(hrsold-e_hrsold)*-60; var minsold=Math.floor((hrsold-e_hrsold)*-60); var seconds=Math.floor((minsold-e_minsold)*-60).toString(); document.getElementById("momk").innerHTML = "本站已安全运行"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒"; setTimeout(momxc, 1000); }momxc(); </script> <style> #momk{animation:change 10s infinite;font-weight:800; } @keyframes change{0%{color:#5cb85c;}25%{color:#556bd8;}50%{color:#e40707;}75%{color:#66e616;}100% {color:#67bd31;}} </style>
总结:
需要注意的是「var birthDay =NewDate(“2021-11-29”)」这串代码括号里的时间需要改成实际建站的时间,然后再将代码复制粘贴到JS或者主题页脚文件下即可。
© 版权声明
文章版权归作者所有,未经允许请勿转载。 本站声明:(视频类)源码、图片、链接仅为开发学习交流使用,请勿用做其他违法用途! 请在法律允许的范围内使用素材 上传数据均是个人行为,与本站无关。
THE END
喜欢就支持一下吧
Mark6月前0
Thanks for your blog, nice to read. Do not stop.Maxblue.de1年前0
Great content! Keep up the good work!