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

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

发表评论

快捷回复:

评论列表 (已有6条评论)
热搜路人2020-04-03 22:18回复
文章非常好超喜欢
人鬼情未了侯爵2020-03-23 14:17回复
苏联特殊渗透单位:尤里改:和超时空突击队一样,是红警2中可以改变战局的两大单位之一
人鬼情未了侯爵2020-03-23 14:13回复
游戏一般都是寻求乐趣,如果你足够有趣,那当然行宝利国际app软件下载,首先排除世界蛇
一朵时光红侯爵2020-03-21 14:13回复
另外玩得下去的人,很重要的就是外挂因素
一朵时光红侯爵2020-03-21 14:12回复
否则得不到更多人的认可。有网友称,这些游戏门店老板买个主机还要提心吊胆的
一朵时光红侯爵2020-03-21 14:10回复
薄纱遮面,长裙飞扬,清秀之中又透着一丝魅惑,格外吸引人的眼球。多人十三水棋牌游戏下据悉,RPG《英雄传说:零之轨迹进化版》是由日本Falcom公司开发制作,由角川游戏公司负责发行的PSV