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

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

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 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情

    暂无评论内容

随即推荐
重装系统那个软件好推荐小白一键重装系统-H5资源网

重装系统那个软件好推荐小白一键重装系统

重装系统那个软件好推荐小白一键重装系统。如果想要能够完整的满足自己一键重装的功能,那么就必须要了解到每一个一键重装系统软件,它能够为用户提供什么,下面小编将会提供小白一键重装系统安...
1年前
02012

书香校园读书阅读PPT模板

书香校园读书阅读模板。内容包括为什么要读书、读书十法、读书名人名句、读书策略。 分类:教育教学下载:4943次 比例:宽屏16:9 页数:27页 格式:
1年前
0329
大型微服务系统管理istio架构实践-H5资源网

大型微服务系统管理istio架构实践

课程介绍 如果你比较关注新兴技术的话,那么很可能在不同的地方听说过 istio,并且知道它和 service mesh 有着牵扯。本次课程可以作为了解 istio 的入门介绍,了解什么是 istio,istio 为什么最...
2年前
02212
左老师后期不告辞拯救航拍废片-H5资源网

左老师后期不告辞拯救航拍废片

课程介绍 本课程将教授如何使用后期制作技术,拯救那些因光线、风、摄影师错误等原因而无法使用的航拍废片。学员将学到如何修复色彩失真、镜头晃动以及其他常见问题,使废片变得有用和美观。
1年前
04211
闯关冒险小游戏 僵尸金属赛车-H5资源网

闯关冒险小游戏 僵尸金属赛车

游戏介绍  僵尸金属赛车是一款闯关冒险小游戏。多种不同等级的道具车辆,完整的车辆升级系统,有趣的物理引擎,带给你刺激欢乐的闯关体验,解锁无限金钱。 
2年前
03115

华硕U盘怎么重装系统?魔法猪U盘重装系统win10教程

华硕U盘怎么重装系统大家了解吗?U盘对于大部分用户而言可以用来存储文件,但其实还能在电脑系统出现问题的时候帮助我们重装系统。现在我就以华硕电脑为例,来跟大家说说华硕U盘重装系统是如何操...
计算机坏了怎么办教程-H5资源网

计算机坏了怎么办教程

如果你的电脑使用时间已经很久了,它经常会出现一些问题,在遇到这些问题的时候我们其实可以先分析一下情况再来看要不要拿去修,下面让我们一起来看一下电脑坏了怎么修。
1年前
0236
创业商业融资计划书PPT模板-H5资源网

创业商业融资计划书PPT模板

创业商业融资计划书模板。一套大气实用创业商业融资计划书幻灯片ppt模板 pptx 大小:3.07MB 日期:2016-12-13 效果:动态 下载地址1 下载地址2
1年前
0349
Game Booster专为手机游戏优化游戏速度的软件-H5资源网

Game Booster专为手机游戏优化游戏速度的软件

Game Booster是一款专门优化游戏速度的优化工具,能够帮助用户同时提升单机游戏和网络游戏的性能,可以通过优化系统和网络设置,加快电脑速度和网络速度,从而解决游戏运行缓慢,画面不佳等问题...
2年前
04814

揭秘WEEX合约交易所:平台币WXT上线前瞻与盈利真相

深入了解WEEX合约交易所即将上线的平台币WXT,分析其对投资者的吸引力,并探讨在WEEX合约交易中赚钱的可能性,同时提醒广大投资者注意市场风险,防范诈骗。
5个月前
06210