您现在的位置是:首页 > Javascript
当前栏目
给网站侧边栏添加恋爱计时器
2023-03-07 09:02:03 时间
如图:
代码如下:
<div class="joe_aside__item hot" style="text-align: center; color:#888; font-size: 15px; padding:10px;">
<div style="width: 220px; margin: 0 auto;">
<!-- 左边的头像,nk=后面填写QQ号,直接采集QQ头像 -->
<img src="https://q1.qlogo.cn/g?b=qq&nk=2509659437&s=640" alt="love"
style="width: 60px; border-radius: 50%;">
<!-- 中间的图片 -->
<img src="http://pic.ygmgo.cn/view.php/0b9b3a8c704051bea4f2a46b3689a906.gif" alt="love"
style="width: 60px; border-radius: 50%;">
<!-- 右边的头像,nk=后面填写QQ号,直接采集QQ头像 -->
<img src="https://q1.qlogo.cn/g?b=qq&nk=647249809&s=640" alt="love"
style="width: 60px; border-radius: 50%;">
</div>
<p id="lovepyqSitetime"></p>
<script language=javascript>
function lovepyqSitetime() {
window.setTimeout("lovepyqSitetime()", 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(2023, 01, 01, 22, 22, 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("lovepyqSitetime").innerHTML = "我们相恋了:</br>" + diffYears + "年" + diffDays + "天" +
diffHours + "时" + diffMinutes + "分" + diffSeconds + "秒啦"
}
lovepyqSitetime()
</script>
</div>
相关文章
- Python HTML操作(HTMLParser)
- java gui组件_JAVA GUI界面组件学习
- http rest JAVA_JAVA发HTTP请求 - RestTemplate 案例
- python unittest生成html报告_python+unittest框架生成HTML测试报告
- 快速构建一个用本地网络发送和接收消息的APP
- 2021年,排名前 15 的 Vue 后台管理模板
- Spring Boot一键换肤,so easy!
- 美国或将所有设计14nm以下中国芯片公司纳入出口管制?
- React的并发模式该如何使用?
- 如何在React中处理组件交互?
- 请查收 2020 全球 JS 现状调查报告
- Levels.fyi发布2020年度程序员收入报告
- 想要复制图像?Clipboard API 了解一下
- 2020全球CSS报告新鲜出炉,前端从业者平均年薪35w
- 10个对Web开发人员有用的HTML文件上传技巧
- AWS Firewall Manager – 您的 Web 应用程序资产的集中管理解决方案
- 为最终在 Twitch 上推出 AWS Quest 做准备
- React 消息订阅与发布机制
- Vue之设置视频为背景图
- 如何实现前端新手引导功能?