如右图所示!
在自己的网页显示一个恋爱定时器,
谁不想随时随地秀下恩爱呢(没有也可以假装有!)
开整!
首先!插入HTML文件区在侧边栏!
接下来,我们一起抄作业吧!(开源万岁!)
如果你不想手打也可以,这有现成的!
<div id="lovelove" style="width: 100%; height: 100px; text-align: center; font-size: 1rem;">
<div id="loveImage" style="width: 220px; margin: 0 auto;">
<br>
<img src="https://q1.qlogo.cn/g?b=qq&nk=左边QQ&s=640" alt="love" style="width: 60px; border-radius: 50%;"><br>
<br>
<img src="中间图片,可以是存储库绝对地址资源,也可以是在线矢量图地址" alt="love" style="width: 60px; border-radius: 50%;"><br>
<br>
<img src="https://q1.qlogo.cn/g?b=qq&nk=右边QQ&s=640" alt="love" style="width: 60px; border-radius: 50%;">
</div>
<p id="loveSitetime" style="font-size: 0.8rem;">
</p><p> <script language="javascript"><br />
function loveSitetime() {<br />
window.setTimeout("lovexhjSitetime()", 1000);<br />
var seconds = 1000<br />
var minutes = seconds * 60<br />
var hours = minutes * 60<br />
var days = hours * 24<br />
var years = days * 365<br />
var today = new Date()<br />
var todayYear = today.getFullYear()<br />
var todayMonth = today.getMonth()<br />
var todayDate = today.getDate()<br />
var todayHour = today.getHours()<br />
var todayMinute = today.getMinutes()<br />
var todaySecond = today.getSeconds()<br />
<br />
var t1 = Date.UTC(2003, 06, 24, 07, 32, 00)<br />
var t2 = Date.UTC(todayYear, todayMonth, todayDate, todayHour, todayMinute, todaySecond)<br />
var diff = t2 - t1<br />
var diffYears = Math.floor(diff / years)<br />
var diffDays = Math.floor((diff / days) - diffYears * 365)<br />
var diffHours = Math.floor((diff - (diffYears * 365 + diffDays) * days) / hours)<br />
var diffMinutes = Math.floor((diff - (diffYears * 365 + diffDays) * days - diffHours * hours) / minutes)</p>
<p> var diffSeconds = Math.floor((diff - (diffYears * 365 + diffDays) * days - diffHours * hours -<br />
diffMinutes * minutes) / seconds)<br />
document.getElementById("loveSitetime").innerHTML = "我们相恋了" + diffYears + "年" + diffDays + "天" +<br />
diffHours + "小时" + diffMinutes + "分钟" + diffSeconds + "秒啦"<br />
}<br />
loveSitetime()<br />
</script>
</p></div>
好了,其中,https://q1.qlogo.cn/g?b=qq&nk=‘“ ”&要填写左侧QQ号,第二个中间图片,第三个右侧QQ号
var t1 = Date.UTC(2003, 06, 24, 07, 32, 00)
调整相恋日期!
开始吧!
评论
还没有任何评论,你来说两句吧!