三体网站:www.threebody.com.cn,三体社区

 找回密码
 注册
搜索
查看: 2546|回复: 9

幽灵倒计时

[复制链接]
某智子 发表于 2021-7-3 11:06:37 | 显示全部楼层 |阅读模式
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>幽灵倒计时</title>
  6. <style>
  7. body
  8. {
  9. background-image:url('backdjs.jpg');
  10. background-repeat:no-repeat;
  11. background-attachment:fixed;
  12. background-position:center;
  13. }

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

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

  22. p.timestyle span {
  23.     font-size:42px;
  24.     font-family:vrinda;
  25.         font-weight:bold;
  26.         color:#5E5E5E;
  27.         }
  28.        
  29. </style>
  30. </head>
  31. <body>
  32.    
  33. <br/>
  34. <br/>
  35. <br/>
  36. <br/>
  37. <br/>
  38. <br/>
  39. <br/>
  40. <br/>
  41. <br/>
  42. <br/>
  43. <br/>
  44. <br/>
  45. <br/>

  46.       <div class="text">
  47.   <p class="timestyle"><span id="time"></span></p>
  48. </div>

  49.        
  50. <div class="div_b">
  51. <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>
  52. </div>

  53. <script>
  54. function addZero(n) {
  55.   return n < 10 ? '0' + n : n;
  56. }

  57. function getCountDown() {
  58.   var startDate = new Date();
  59.   var endDate = new Date('2021/8/21 23:59:59');
  60.   var countDown = (endDate.getTime() - startDate.getTime()) / 1000;
  61.   if (countDown <= 0) {
  62.     document.getElementById('time').innerHTML = '';
  63.     return;
  64.   }
  65.   var h = parseInt(countDown / (60 * 60) );
  66.   var m = parseInt(countDown / 60 % 60);
  67.   var s = parseInt(countDown % 60);
  68.   document.getElementById('time').innerHTML = addZero(h) + ':' + addZero(m) + ':' + addZero(s) + '';
  69. }
  70. var timeinterval = setInterval(getCountDown, 500);
  71. </script>
  72. </body>
  73. </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?

点评

这应该是网页专用的语言,叫什么名字我不清楚……  发表于 2022-6-9 20:15
MXJZ 发表于 2022-6-9 20:14:15 | 显示全部楼层
四面小佬唱楚歌 发表于 2022-6-9 13:25
问一下,这是phython还是C++还是JavaScript还是SQL?


不知道,看着不像C++(猜的

点评

不是phython,不是C++,也不是Java,SQL我不知道是啥……  发表于 2022-6-9 20:18
您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|Archiver|三体网站:www.threebody.com.cn,三体社区

GMT+8, 2024-11-10 14:18 , Processed in 0.059239 second(s), 19 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表