2023春节倒计时新款HTML单页自适应页面，有兴趣的可以看看！背景图片自己修改喜欢的！
源码介绍
自适应页面，支持安卓和ioswx背景音乐播放附带多个背景音乐，由于技术原因，一些js进行了加密（支持ioswx内音乐自动播放的js）毕竟是别人熬夜的劳动成果，虽然作用不大，还是自我安慰一下吧。
曾经有一本黄历提醒我今日忌开业，我不听，于是穿越了。
来到这封建特色的仙武世界，成了侯爷家的公子，本以为可以过上声色犬马的躺平式人生，却赶上了皇帝打压功勋集团。
开局就面临着杀害尚书儿子被缉凶的危机！
偏偏这时候黄历又追过来，提醒我今日是一个适合办白事的好日子……
在这个暗流涌动的圣京，云谲波诡的世界，我决定谨慎点，每天出门看黄历！
“四大夫子都来收我为徒？不行，今天不行，改天再说。”
“皇帝前阵子不是刚封赏过吗，怎么又封，回了，今天不宜。”
“剑圣你别跑啊，我不是来敲你竹杠的，纯粹是黄历说今天适合会亲友。”
“公子，紫霄玄女邀您去踏月，红鲤公主邀您去吃鱼，北国女帝邀您去看她刚打下的江山，您赴哪个约啊？”
“何须选择，捎上她们，踏月吃鱼看江山岂不美哉。稍等，容我先看看黄历……今日宜入宅？”
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<meta name="apple-mobile-web-app-title" content="moyublog">
<title>春节倒计时</title>
<style>
*{
margin: 0;
padding: 0;
font-family: 'Montserrat', sans-serif;
}
body{
background: url(http://www.lxh5068.com/tapi/acgurl.php) no-repeat center center fixed;
background-attachment: fixed;
background-blend-mode: hard-light;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.container{
position: absolute;
top: 80px;
left: 100px;
right: 100px;
bottom: 80px;
background: url(img/wenjun-lin-20210203114915.jpg);
background-attachment: fixed;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
box-shadow: 0 1px 1px rgba(0,0,0,0.12),
0 2px 2px rgba(0,0,0,0.12),
0 4px 4px rgba(0,0,0,0.12),
0 8px 8px rgba(0,0,0,0.12),
0 16px 16px rgba(0,0,0,0.12);
}
.container h2{
text-align: center;
font-size: 10em;
line-height: 0.7em;
color: #fff;
margin-top: -80px;
}
.container h2 span{
display: block;
letter-spacing: 6px;
font-size: 0.2em;
}
.countdown{
display: flex;
margin-top: 50px;
}
.countdown div{
position: relative;
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
background: #ff2b2b9e;
color: #fff;
margin: 0 15px;
font-size: 3em;
box-shadow: 0 1px 1px rgba(0,0,0,0.12),
0 2px 2px rgba(0,0,0,0.12),
0 4px 4px rgba(0,0,0,0.12),
0 8px 8px rgba(0,0,0,0.12),
0 16px 16px rgba(0,0,0,0.12);
}
.countdown div:before{
content: """";
position: absolute;
bottom: -30px;
left: 0;
width: 100%;
height: 50px;
background: #d5ce03;
color: black;
font-size: 0.35em;
line-height: 35px;
}
.countdown #day:before{
content: '天';
}
.countdown #hour:before{
content: '小时';
}
.countdown #minute:before{
content: '分';
}
.countdown #second:before{
content: '秒';
}
</style>
<script>
if (document.location.search.match(/type=embed/gi)) {
window.parent.postMessage("resize", "*");
}
</script>
</head>
<body translate="no" >
<div class="container">
<h2><span>距</span> 2023年春节 <span>还剩</span></h2>
<div class="countdown">
<div id="day"></div>
<div id="hour"></div>
<div id="minute"></div>
<div id="second"></div>
</div>
</div>
<script>
const newYear = '1 Feb 2023';
var newYearsDate = new Date(newYear);
function year() {
var currentDate = new Date();
var totalseconds = (newYearsDate - currentDate) / 1000;
var d = Math.floor(totalseconds / 3600 / 24);
var h = Math.floor(totalseconds / 3600 % 24);
var m = Math.floor(totalseconds / 60 ) % 60;
var s = Math.floor(totalseconds) % 60;
document.getElementById("day").innerText = d;
document.getElementById("hour").innerText = h;
document.getElementById("minute").innerText = m;
document.getElementById("second").innerText = s;
}
setInterval(function () {
year();
}, 1000);//www.LXH5068.com
</script>
</body>
</html>贞观年初、
一身龙袍加身、满目帝王之气的李世民正端坐在御书房之中。
自玄武门之变后，这位帝王虽皇位得来不正。
但上位之后，却也可说是处处如履薄冰。
不敢有一丝一毫的懈怠。
然而，纵是如此。
民间却依旧能听到不少关于他的辱骂之言。
而近来、大唐境内多地蝗灾肆虐。
更是有人借此机会，传出了什么皇帝得位不正，惹怒上天。
特降下蝗灾警世的谣言。
当这些言论传到李世民的耳朵里的时候。
他此时纵然以是帝王，执掌天下权，却也止不住发出一阵叹息。
他登基之后的一切努力，终究敌不过一句‘得位不正！’
“你便是那自称穿越者的楚泽？”
御书房之中，除了身穿龙袍、周身铁血之气环绕的李世民之外。
还有一个体型稍显瘦弱，身上衣着更是有些寒酸的少年。
而最令人称奇的是。
作为一个唐朝的君王，口中却吐出了一个现代的词汇。
穿越者！
“额..严格来说的话，我算是来自未来一千多年之后的人。不过说是穿越者，也不是不行。”
面见帝王，对于这个时代的普通人来说。
那是一种至高无上的荣耀。
当然，这种荣耀的背后也是莫大的压力。
帝王面前，一字错，便可能人头落地。
然而此时站在李世民面前的这个少年，脸上却没有丝毫的慌乱。
甚至在看向皇位之上的李世民的时候，眼中还带上了浓浓的好奇之色。
“咳咳、少年郎，和陛下说话的时候，要用敬语！”
在楚泽满脸好奇的大量着面前的唐太宗李世民的时候。
御书房中的另一人止不住的咳嗽了一声。
小声的提醒了他一句。
此人，便是后世闻名的唐初名臣、房谋杜断当中的房谋、房玄龄！
而今日楚泽能出现在御书房之中，也全靠着他的引荐。
“无妨、若他真来自未来，对我朝礼节不通，到也说的过去。朕不至于如此小气。”
李世民此时看向面对自己时，没有丝毫恐惧之意的少年。
他和楚泽一样，对对方都同样充满了好奇。
“少年郎，你可知道欺君，是何罪行？”
“具体我不知道，不过我可以肯定，活是活不下来的。”
面对李世民这带有几分威胁之意的询问，楚泽无所谓的耸了耸肩。
表示自己并不在意这个问题。
“那朕且问你，你既然是来自未来的人，应该对本朝的很多事情都有所了解才对吧？你为何忽然就要自曝身份？”
在李世民看来，若是面前之人，当真是来自未来的人。
那他完全没有理由暴露自己才对啊。
隐藏身份，然后借着先知先觉的便利，在怎么说也不至于混的太差才对啊。
而本来还在打量着李世民的楚泽一听他这个问题。
他的脸色也顿时垮了下来。
“如你所见，我穿越之后只是一介平民。首先伙食上，我实在吃不惯。穿越这段时间，我整整瘦了两圈了。”
“我虽然可以凭借一些后世才有的东西，经商敛财、但无权无势的我，若是忽然赚了大钱，怀璧其罪。不用想都知道，必然横死街头！”
“至于考取功名什么的，我到现在为止，还没认全这个时代的字。”
“如果再这么下去，我估计我会直接饿死街头。”
“反正都是横竖都是死，我干嘛不自曝身份？您若是把我赐死了，那我至少死的干脆一点儿。”
“而且死了也不一定就是坏事，万一我死了之后，就穿越回去了嘞？”
楚泽在谈论到生死问题的时候，他的语气中满是平淡。
穿越两个月的时间了。
每天和沙土一个口味的粗栗面搅和苦涩的树叶做成的饭。
唯一的调味品、还是又涩又苦的粗海盐，就这还是奢侈品。
就这伙食、习惯了三餐大米，有肉有菜的现代人，谁遭得住？
加上这两年灾祸不断、
楚泽的邻居一家七口，饿死了三个...
他再不自曝，估计也就一个下场了。
横竖都是死，还不如干脆点儿。
搏一搏，单车变摩托！
当听到楚泽的诉苦之后，李世民的脸色忽然就变的有些不太好看了起来。
楚泽口中抱怨着的，只是他个人穿越之后的经历。
但是在李世民看来，这却是如今大唐百姓的真实生活写照。
他一直自认为自己如此励精图治的治理之下，大唐的百姓过的不说很好，但是至少也应该过的下去了才对。
可是他却没想到，真实的百姓生活，竟如此的不堪。
