倒计时运行代码

最新推荐文章于 2022-01-01 12:52:38 发布

恋戦丨逍遥

最新推荐文章于 2022-01-01 12:52:38 发布

阅读量750

点赞数

分类专栏： j

本文链接：https://blog.csdn.net/tian__long/article/details/80994689

版权

j 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
h1{ display: inline-block; }
body{ font-size: 18px; }
</style>
</head>
<body>
<h1>距离2020年1月1日还有:</h1>
<span></span><h1>年</h1>
<span></span><h1>月</h1>
<span></span><h1>天</h1>
<span></span><h1>时</h1>
<span></span><h1>分</h1>
<span></span><h1>秒</h1>
<span></span><h1>毫秒</h1>
</body>
<ml>
<script>
//js:
// 1.启动定时器每个以毫秒执行一次
var h1s = document.getElementsByTagName('h1');
var spans = document.getElementsByTagName('span');
function time(){
var bt = new Date('2020/1/1,00:00:00');
var dt = new Date();
var n = parseInt((bt-dt)/86400000/365);
console.log(n);
var y = parseInt((bt-dt)/86400000/30%12)
var t = parseInt((bt-dt)/86400000%30);
var h = parseInt((bt-dt)%86400000/3600000);
var m = parseInt((bt-dt)%86400000%3600000/60/1000);
var s = parseInt((bt-dt)%86400000%3600000%60000/1000);
var ms = ((bt-dt)%86400000)%3600000%60000%1000;
ms--
if (ms<0) {
  s--;
  ms=100;
}

if(s<0){
  m--;
  s=59;
}

if(m<0){
  h--;
  m=59;
}
if (h<0) {
  t--;
  h=23;
}
if (t<0) {
  y--;
  t=30;
}
if (y<0) {
  n--;
  y=11;
}
if (n<=0&&y<=0&&t<=0&&h<=0&&m<=0&&s<=0) {
  clearInterval(time);
}

spans[0].innerHTML = n;
spans[1].innerHTML = y;
spans[2].innerHTML = t;
spans[3].innerHTML = h;
spans[4].innerHTML = m;
spans[5].innerHTML = s;
spans[6].innerHTML = ms;
}
time();
var timer = null;
timer = setInterval(fun,10);
function fun(){
time();
}

</script>

恋戦丨逍遥

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
倒计时运行代码

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;style&gt; h1{ display: inline-block; } body{ font-size:
复制链接

扫一扫