给侧边栏添加爱情纪念累计天数代码以及一个jQuery代码文件分享

浅眠
2020-12-18 / 1 评论 / 187 阅读 / 正在检测是否收录...

今天随便瞎逛的时候突然看见一个侧边栏纪念着爱情至今多长时间,觉得很好玩,不过虽然简单,懒得动手,就去要了一下,wp站点的放emlog乱码,我也懒得查问题,直接自己上手瞎鸡巴写了一瞎,具体演示效果如本站侧边栏:
bbb

代码在下面:

<div>

<div style="text-align: center;background-color: #e7a3c1">
</br>
<div>
<img src="http://q1.qlogo.cn/g?b=qq&nk=你的QQ&s=640" style="width: 50px;height: 50px;vertical-align: -20px;border-radius: 50%;margin-right: 5px;margin-bottom: 5px;-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1), 1px 1px 1px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1);box-shadow: 1px 1px 1px rgba(0,0,0,.1), 1px 1px 1px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1);border: 2px solid #fff;">
<i class="fa fa-heartbeat" style="font-size:30px;color:red"></i>
<img src="http://q1.qlogo.cn/g?b=qq&nk=另一半的QQ&s=640" style="width: 50px;height: 50px;vertical-align: -20px;border-radius: 50%;margin-right: 5px;margin-bottom: 5px;-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1), 1px 1px 1px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1);box-shadow: 1px 1px 1px rgba(0,0,0,.1), 1px 1px 1px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1);border: 2px solid #fff;">
</div>
</br>
<div>
<strong>已相恋:</strong><span id="htmer_time" style="color: red;"></span></div> 
<script type="text/javascript" language="javascript">function setTime() {
var create_time = Math.round(new Date(Date.UTC(2018, 06, 08, 6, 45, 0)).getTime() / 1000);//修改这里的时间为你俩在一起的时间
var timestamp = Math.round((new Date().getTime() + 8 * 60 * 60 * 1000) / 1000);
currentTime = secondToDate((timestamp - create_time));
currentTimeHtml = currentTime[0] + ' 年 ' + currentTime[1] + ' 天 '
+ currentTime[2] + ' 时 ' + currentTime[3] + ' 分 ' + currentTime[4]
+ ' 秒';
document.getElementById("htmer_time").innerHTML = currentTimeHtml;
}
function secondToDate(second) {
if (!second) {
return 0;
}
var time = new Array(0, 0, 0, 0, 0);
if (second >= 365 * 24 * 3600) {
time[0] = parseInt(second / (365 * 24 * 3600));
second %= 365 * 24 * 3600;
}
if (second >= 24 * 3600) {
time[1] = parseInt(second / (24 * 3600));
second %= 24 * 3600;
}
if (second >= 3600) {
time[2] = parseInt(second / 3600);
second %= 3600;
}
if (second >= 60) {
time[3] = parseInt(second / 60);
second %= 60;
}
if (second > 0) {
time[4] = second;
}
return time;
}
setInterval(setTime, 1000);
</script>
</br>
</div></div>

直接在emlog后台添加侧边栏然后QQ号和相恋时间修改一下放进去就可以了

下面再附带分享一个jQuery的爱情纪念表白累计天数代码,设定一个开始日期时间,这里展现的就是当前时间与开始时间相隔的天数,精确到时分秒。
bdhbdbd
方法大致一样,修改index.html里面的QQ就好了!

资源下载

[hide]https://www.lanzous.com/iacg5pi[/hide]

本文最后更新于2020年12月18日,已超过77天没有更新。如果文章内容或图片资源失效,请留言反馈,我会及时处理,谢谢!
0

评论 (1)

取消
  1. 头像
    shaoyu
    MacOS · Safari

    我❤️了

    回复