一些有趣的元素
网站需要一些有趣的元素来俘获用户的心，本文将展示一些有趣的小元素
1. 站点运行时间
一个网站的运行时间往往决定了用户对其的相信程度，下面是本站正用的一串代码
function show_runtime(){
window.setTimeout("show_runtime()",1000);
X=new Date("05/01/2022 18:00:00");
Y=new Date();
T=(Y.getTime()-X.getTime());
M=24*60*60*1000;
a=T/M;
A=Math.floor(a);
b=(a-A)*24;
B=Math.floor(b);
c=(b-B)*60;
C=Math.floor((b-B)*60);
D=Math.floor((c-C)*60);
runtime_span.innerHTML="本站已运行: "+A+"天"+B+"小时"+C+"分"+D+"秒"}show_runtime();用<script></script>夹着放在调用它的<span></span>里就行
<span id="runtime_span"></span>
<script type="text/javascript">function show_runtime(){window.setTimeout("show_runtime()",1000);
X=new Date("05/01/2022 18:00:00");
Y=new Date();
T=(Y.getTime()-X.getTime());
M=24*60*60*1000;
a=T/M;
A=Math.floor(a);b=(a-A)*24;
B=Math.floor(b);c=(b-B)*60;
C=Math.floor((b-B)*60);
D=Math.floor((c-C)*60);
runtime_span.innerHTML="本站已运行: "+A+"天"+B+"小时"+C+"分"+D+"秒"}show_runtime();
</script>注意：X=new Date("05/01/2022 18:00:00");为建站时间，格式为X=new Date("两位月份/两位日期/四位年份 24小时制两位时间:两位分钟:两位秒数");
效果：
![photo[https://ited.top/content/uploadfile/202208/39a21661406507.png]](https://ited.top/land.gif )
2. 萌备
萌备原话：
萌国ICP备案
嗯，你没看错，这是萌国的ICP备案。
萌国在哪呢，听某萌主说，好像是个异次元上的国度。
萌主就爱给人组cp,俗称icp
我们说的是萌国ICP备案，号称萌ICP备，简称萌备
萌ICP备 纯属萌友网站联萌！
是一种次元中的爱好，文化的展现。
若你在万千网站中遇到萌备
甚有缘分! ✧(≖ ◡ ≖✿)萌备仅供萌友网站互动，请放心食用。
≡ω≡：“欢迎各大热爱萌文化的站长加入
给自己的网站加上个萌萌的萌icp号”
点击这里，按指引操作即可
效果：
3. 加载耗时
加载耗时短可以让用户心情雪上加霜愉悦，要搞核心文件，慎用
把这段东西加到主题model.php的最底下（本站用的emlog，wp大同小异）
<?php
// 添加开始时间函数
function runStartTime(){
define('RUN_STARTTIME', microtime(true));
}
// 计算耗时和查询数据库次数并输出函数
function setAndShowFoot(){
$runStopTime = microtime(true);
$timeCount = round($runStopTime - RUN_STARTTIME, 3); $databaseLink = MySql::getInstance();
$queryNum = $databaseLink->getQueryCount();
echo "页面加载耗时：".$timeCount."秒 查询数据库：".$queryNum."次";
}
?>然后在主题的header.php中<html>后加入<?= runStartTime(); ?>
最后在页脚要调用的地方加上<?= setAndShowFoot() ?>即可，注意缩进
效果：
4. 小游戏
如果有一些小游戏提供给用户消遣时间，网站的用户量将会增色不少
现在提供两种傻瓜式思路：
- 初级
- 进阶
1. 初级
首先，你需要scratch！
然后编写你自己的小游戏，尽量压缩体积，导出.sb3文件
示例代码：Scratch作品.sb3（本地下载）
之后点击这里，下载转换工具，密码ited.top
拖文件进去后取消兼容模式勾选，点转换HTML
最后，把ta上传到服务器，大功告成！
效果：
2. 进阶
把css连同Javasrcipt代码复制到markdown编辑器中即可
最好把css和Javasrcipt分文件摆，工作量巨大，此处不演示
也可以偷懒用<iframe>标签
效果：
加载时间可能有点久