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

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

侧边栏

代码在下面:

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


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

下面再附带分享一个jQuery的爱情纪念表白累计天数代码,设定一个开始日期时间,这里展现的就是当前时间与开始时间相隔的天数,精确到时分秒。

方法大致一样,修改index.html里面的QQ就好了!

附件信息  提取方式: 免费下载 作者信息: 岳泽以 下载声明: 本站所有资源都经过安全检测,请放心下载!

本文结束

本文标签:

版权声明:给侧边栏添加爱情纪念累计天数代码以及一个jQuery代码文件分享》该篇文章出自【岳泽以博客】,如果您有任何复制、转载行为请注明原文地址!

作者:岳泽以博客

普通的的一位Web爱好者。

返回列表
上一篇:
下一篇:

发表评论

快捷回复:

评论列表 (已有11条评论)
江浙日报侯爵2020-06-02 09:03回复
谁家的姑娘,我游山玩水平呀!
江浙日报侯爵2020-05-29 14:55回复
大大大大大大大会
江浙日报屌丝2020-05-25 14:08回复
首付的钱挣到了呀!
tghr伯爵2020-04-26 13:18回复
专业空包代发网,就选www.5adanhw.com
byzd伯爵2020-04-13 11:26回复
淘宝单号 拼多多单号 快递代发,免费提供底单www.uudanhaowang.com
热搜路人2020-04-03 22:18回复
文章非常好超喜欢