幽灵倒计时

某智子 · 发表于 2021-7-3 11:06:37

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>幽灵倒计时</title>
<style>
body
{
background-image:url('backdjs.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}
div.div_b {
position: fixed; /*or前面的是absolute就可以用*/
bottom: 0px;
left:220px
}
*{ margin:0; padding:0; list-style:none;}
body{ font-size:18px; text-align:center;}
.time{ height:30px; padding:200px;}
p.timestyle span {
font-size:42px;
font-family:vrinda;
font-weight:bold;
color:#5E5E5E;
}
</style>
</head>
<body>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<div class="text">
<p class="timestyle"><span id="time"></span></p>
</div>
<div class="div_b">
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=530 height=52 src="http://music.163.com/outchain/player?type=2&id=29030205&auto=1&height=32"></iframe>
</div>
<script>
function addZero(n) {
return n < 10 ? '0' + n : n;
}
function getCountDown() {
var startDate = new Date();
var endDate = new Date('2021/8/21 23:59:59');
var countDown = (endDate.getTime() - startDate.getTime()) / 1000;
if (countDown <= 0) {
document.getElementById('time').innerHTML = '';
return;
}
var h = parseInt(countDown / (60 * 60) );
var m = parseInt(countDown / 60 % 60);
var s = parseInt(countDown % 60);
document.getElementById('time').innerHTML = addZero(h) + ':' + addZero(m) + ':' + addZero(s) + '';
}
var timeinterval = setInterval(getCountDown, 500);
</script>
</body>
</html>

复制代码

某智子 · 发表于 2021-8-11 09:09:09

稻荷狐鸣发表于 2021-7-30 13:33
怎么使用这个代码？

先创建一个记事本然后复制粘贴里面，保存后把记事本后缀名.txt改成.html【我之前这么试了，网页里出来的是有乱码，应该是代码的事（滑稽）】

稻荷狐鸣 · 发表于 2021-7-30 13:33:26

怎么使用这个代码？

mark0909 · 发表于 2021-8-5 16:30:59

怎么使用呢？

zhoutaoyu · 发表于 2021-8-21 10:46:03

只有13小时倒计时就结束了

某快速中子 · 发表于 2021-8-25 11:23:24

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>幽灵倒计时</title>
<style>
body
{
background-image:url('backdjs.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}

div.div_b {
position: fixed; /*or前面的是absolute就可以用*/
      bottom: 0px;
      left:220px
}

*{ margin:0; padding:0; list-style:none;}
body{ font-size:18px; text-align:center;}
.time{ height:30px; padding:200px;}

p.timestyle span {
font-size:42px;
font-family:vrinda;
font-weight:bold;
color:#5E5E5E;
}

</style>
</head>
<body>

<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>

   <div class="text">
  <p class="timestyle"><span id="time"></span></p>
</div>

<div class="div_b">
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=530 height=52 src="http://music.163.com/outchain/player?type=2&id=29030205&auto=1&height=32"></iframe>
</div>

<script>
function addZero(n) {
  return n < 10 ? '0' + n : n;
}

function getCountDown() {
  var startDate = new Date();
  var endDate = new Date('2021/8/21 23:59:59');
  var countDown = (endDate.getTime() - startDate.getTime()) / 1000;
  if (countDown <= 0) {
document.getElementById('time').innerHTML = '';
return;
  }
  var h = parseInt(countDown / (60 * 60) );
  var m = parseInt(countDown / 60 % 60);
  var s = parseInt(countDown % 60);
  document.getElementById('time').innerHTML = addZero(h) + ':' + addZero(m) + ':' + addZero(s) + '';
}
var timeinterval = setInterval(getCountDown, 500);
</script>
</body>
</html>

四面小佬唱楚歌 · 发表于 2022-6-9 13:25:26

问一下，这是phython还是C++还是JavaScript还是SQL？

MXJZ · 发表于 2022-6-9 20:14:15

四面小佬唱楚歌发表于 2022-6-9 13:25
问一下，这是phython还是C++还是JavaScript还是SQL？

不知道，看着不像C++（猜的

）

		自动登录	找回密码
密码			注册

幽灵倒计时

点评

点评