网站添加恋爱计时侧边栏小组件

网站添加恋爱计时侧边栏小组件

1.一个可以让你网站侧栏不在那么孤单的代码

2.支持修改代码中的QQ号即可更改头像图片,自定义恋爱计时

3.放进自定义侧边栏组件里就可以使用。

    <!-- 恋爱计时 -->          <ul class="joe_header__slideout-count">          <div id="lovexhj" style="width: 100%; height: 100%; text-align: center; font-size: 1rem;">          <div id="lovexhjImage" style="width: 220px; margin: 0 auto;">          <!-- 左边的头像 -->          <img src="https://q1.qlogo.cn/g?b=qq&nk=8670468&s=640" alt="love"              style="width: 60px; border-radius: 50%;">          <!-- 中间的图片 -->          <img src="https://cdn.jsdelivr.net/gh/aill66/cdn/love.gif" alt="love"              style="width: 60px; border-radius: 50%;">          <!-- 右边的头像 -->          <img src="https://q1.qlogo.cn/g?b=qq&nk=8670468&s=640" alt="love"              style="width: 60px; border-radius: 50%;">          </div>          <p id="loveSitetime" style="font-size: 1.0rem;"></p>          <script language=javascript>          function loveSitetime() {              window.setTimeout("loveSitetime()", 1000);              var seconds = 1000              var minutes = seconds * 60              var hours = minutes * 60              var days = hours * 24              var years = days * 365              var today = new Date()              var todayYear = today.getFullYear()              var todayMonth = today.getMonth() + 1              var todayDate = today.getDate()              var todayHour = today.getHours()              var todayMinute = today.getMinutes()              var todaySecond = today.getSeconds()              // 时间设置              var t1 = Date.UTC(2019, 10, 19, 00, 00, 00)              var t2 = Date.UTC(todayYear, todayMonth, todayDate, todayHour, todayMinute, todaySecond)              var diff = t2 - t1              var diffYears = Math.floor(diff / years)              var diffDays = Math.floor((diff / days) - diffYears * 365)              var diffHours = Math.floor((diff - (diffYears * 365 + diffDays) * days) / hours)              var diffMinutes = Math.floor((diff - (diffYears * 365 + diffDays) * days - diffHours * hours) / minutes)              var diffSeconds = Math.floor((diff - (diffYears * 365 + diffDays) * days - diffHours * hours -                  diffMinutes * minutes) / seconds)              document.getElementById("loveSitetime").innerHTML = "我们相恋了:</br>" + diffYears + "年" + diffDays + "天" +                  diffHours + "时" + diffMinutes + "分" + diffSeconds + "秒啦</br>"          }          loveSitetime()          </script>          </div>          </ul>

© 版权声明
THE END
喜欢就支持一下吧
点赞10 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情

    暂无评论内容

随即推荐
windows更新卡住了怎么办-H5资源网

windows更新卡住了怎么办

windows更新卡住不动怎么办?很多人都在Windows系统更新的时候遇到了这个问题,但是用户们都不知道怎么解决,但是Windows的更新又非常频繁,下面小编就来教大家windows更新卡住了如何解决。
1年前
0795
apicloud影视解析APP源码 HTML-H5资源网

apicloud影视解析APP源码 HTML

集合vip影视接口到一个android app中 方便观看各平台影视资源及直播 预览(也可以将此APP用mt管理器修改替换你需要的资源);APP看片_v1.0.12.apk
2年前
04912
电脑黑屏怎么办?-H5资源网

电脑黑屏怎么办?

我们在使用电脑的过程中避免不了电脑黑屏的存在,很多网友都会遇到电脑黑屏的情况,那么,电脑黑屏怎么办?接下来小编和大家说说处理电脑黑屏的办法,希望能够帮助到大家。
1年前
04313
《农民的生活》v0.6.08中文版-H5资源网

《农民的生活》v0.6.08中文版

游戏介绍  《农民的生活》在东欧无人居住的地方尽可能长的生存, 生活节奏将取决于季节,野生生物将威胁到生命,而土地将变得难以工作。 
2年前
0497
安卓Draw Cartoons制作动画工具V2.01921解锁专业版-H5资源网

安卓Draw Cartoons制作动画工具V2.01921解锁专业版

Draw Cartoons 2是一款简单实用的动画制作软件。你一定很熟悉它的另一个名字,叫做《人人都可以制作动画2》。该软件采用了骨骼系统,因此只要将骨骼添加到图像中,就可以使其灵活移动。同时,内...
1年前
0416
WEEX观察:全球加密货币合法化现状与加密法制定国家概览-H5资源网

WEEX观察:全球加密货币合法化现状与加密法制定国家概览

作者:Winifred Amase,CoinGecko,编译:WEEX交易所   随着加密货币在全球范围内的普及与争议,各国对于其合法性的态度各异。目前,全球有119个国家和四个英国海外领土已经承认了加密货币的合...
8天前
0428
【精品资源】高效视频调色方法课程-H5资源网

【精品资源】高效视频调色方法课程

【精品资源】高效视频调色方法课程 消费级视频调色特点,快速掌握调色基础理论,以消费级相机素材为案例,打破专业调色次元壁!
2年前
03214
壁纸大全APPv2.0.9.9优质高清壁纸软件-H5资源网

壁纸大全APPv2.0.9.9优质高清壁纸软件

壁纸大全APP是一款非常好的优质高清壁纸软件,这里拥有着美食、风景、影视、美女等各种类型的壁纸供你挑战,让你拥有超多精致的手机界面,获得每日更新,让你的壁纸走在时尚的最前沿,已去除已...
2年前
0265
讲解重装系统的步骤-H5资源网

讲解重装系统的步骤

其实很多小伙伴不知道电脑怎么进行重装系统,电脑操作系统其实可以这样来分类,一类是windows系统,一类是非windows系统。现在windows系统是最常见也是最常用的系统了。下面我就给大家分享一下...
1年前
0388
建筑设计手绘视频教程-H5资源网

建筑设计手绘视频教程

以教授专业表现技法为主的建筑设计手绘专业基础课程,也是你从基础绘画课程向专业设计课程过渡的一门必修课程。主要以有志于从事建筑设计、建筑考研的初学者和专业设计师为对象。掌握墨线建筑表...
1年前
05013