2021-01-20 腊八节快乐

只能贴样式不能全用代码。也不支持js。

先贴下代码，看不懂就百度吧。

毕竟，一个丢了猫的人，能有什么心情呢？猫猫回家连接

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head><meta charset="utf-8"><meta http-equiv="Content-Type"content="text/html; charset=gb2312"/><title>时间管理局</title><link rel="stylesheet" type="text/css" href="css/main.css">
</head><body><main id="clock"><div><p>猫咪丢失已经过去</p></div><!-- CLOCK --><div id="timer" class="clock" ><div class="numbers"><p class="days"></p><p class="placeholder">88</p></div><div class="colon"><p>天</p></div><div class="numbers"><p class="hours"></p><p class="placeholder">88</p></div><div class="colon"><p>时</p></div><div class="numbers"><p class="minutes"></p><p class="placeholder">88</p></div><div class="colon"><p>分</p></div><div class="numbers"><p class="seconds"></p><p class="placeholder">88</p></div><div class="colon"><p>秒</p></div></div><!-- END CLOCK --></main>
</body>
<script type="text/javascript">
var nowTime;//现在时间
var disparity;//时间差距
var starTime = "2021/01/20 10:23:00" //lz开始时间
var dateBegin = new Date(starTime);var days
var hours
var minutes
var seconds/**************************************时间计算************************************/
function calc (choise,d1) {if (choise === 'lz') {var dateBegin = new Date(d1.replace(/-/g, "/"));//将-转化为/，使用new Datevar dateEnd = new Date();//获取当前时间//计算天数var dateDiff = dateEnd.getTime() - dateBegin.getTime();//时间差的毫秒数days = Math.floor(dateDiff / (24 * 3600 * 1000));//计算出相差天数//计算小时数var leave1=dateDiff%(24*3600*1000) //计算天数后剩余的毫秒数hours=Math.floor(leave1/(3600*1000))//计算分钟数var leave2=leave1%(3600*1000) //计算小时数后剩余的毫秒数minutes=Math.floor(leave2/(60*1000))//计算秒数var leave3=leave2%(60*1000) //计算分钟数后剩余的毫秒数seconds=Math.round(leave3/1000)console.log(" 相差 "+days+"天 "+hours+"小时 "+minutes+" 分钟"+seconds+" 秒")} else {}
}/**************************************页面刷新************************************/
function refresh() { window.location.reload();
} /*================================== END function ==================================*//* 1、获取当前时间*/
let date = new Date()/* 2、计算时间与开始时间的差值 TODO:结束时间2024-11-22，相遇时间2020-11-22*/
calc('lz',starTime)/* 3、输出到页面中*/
function addZero (val){return (val <= 9) ? ("0" + val) : val;
}hours = addZero(hours);minutes = addZero(minutes);seconds = addZero(seconds);
function time(){//changes the html to match resultsdocument.getElementsByClassName('days')[0].innerHTML = days;document.getElementsByClassName('hours')[0].innerHTML = hours;document.getElementsByClassName('minutes')[0].innerHTML = minutes;document.getElementsByClassName('seconds')[0].innerHTML = seconds;
}
time();/* 4、每过一秒刷新页面*/
setTimeout('refresh()',1000); //指定1秒刷新一次 </script>
</script>
</html>

代码中用到的js，css，fron文件GitHub自取

2021-01-20 腊八节快乐相关推荐

PowerBI视觉对象共计271组，2021.01.20日更新
PowerBI视觉对象共计271组,2021.01.20日更新内容包含导入文件和图标.预览图.文件名一致,在预览图内找到合适的可以直接在视觉对象文件夹搜索下载地址:点击下载超便宜或者复制链接打 ...
薪火数据DataInside祝您腊八节快乐！
岁末温粥,熙暖如年,愿我们所有人:平安喜乐,万事"粥"全,事事"粥"到--薪火数据DataInside祝您腊八节快乐!
坚持#第413天~腊八节快乐
今天就是腊八了,快过年了,现在一人承受着整个云仓的活,没有休息,整个云仓仅仅就只有两人,每天都有单子要做,又让经理甩给我做,不加钱,天天加班到很晚而且还不供餐了,还要天天去送货卸货,完全没有休息,欺人 ...
在线CAD平台，MxCAD云图 2021.01.20更新，在线CAD软件
下载地址: http://www.mxcad.net:2080/MxCADx64Setup(Cloud)(20210120).exe 1. 修改有些图纸剪切,pdf导出看不见内容的问题 2. 在有些图 ...
Ms08067 腊八节浓情腊八粥温暖安全人主题活动
又是一年腊八时,时间过得很快,在这个特殊的日子里,MS08067安全实验室联合零组攻防实验室,共同开展"浓情腊八粥温暖安全人"腊八主题文化活动.MS08067安全实验室靶场团队致力 ...
祝贺各位腊八节节快乐，也祝贺驰骋BPM签订山东义里
为什么80%的码农都做不了架构师?>>> 过了腊八就是年,我们驰骋工作流在这里祝全国人民腊八节快乐身体棒棒~ 也祝贺驰骋工作流签订山东义理信息技术有限公司~ 2个小时的演示,1 ...
腊八节吃什么What to eat on the Laba Festival
农历十二月初八是中国的传统节日--腊八节,腊代表中国农历的十二月,而八是eight的发音,因此,这个节日被翻译成腊八. The Laba Festival is a traditional Chine ...
嬴群的Python程序设计基础学期总结 2021.01.04
Python程序设计基础学期总结 ## 时光像水中的倒影,一晃大一上学期就过去了.昨日那埋怨时间太慢的情愫似乎还游离在脑际,而今大一下学期生活正向我们走来,蓦然回首,感慨颇多.刚迈入大学的时候对一切似 ...
贾跃亭发文祝父亲节快乐：FF就像我的孩子
6月20日消息,今日"父亲节",贾跃亭发文称:"FF就像我的孩子,我永远为此自豪!我和FF合伙人将继续全力投入,并引领汽车行业朝互联网智能电动的方向变革[加油].祝大家父 ...

2021-01-20 腊八节快乐

2021-01-20 腊八节快乐相关推荐

最新文章

热门文章