css 每年堕胎计数器更新秒数。

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 每年堕胎计数器更新秒数。相关的知识,希望对你有一定的参考价值。

<html>
  <head>
    <link type="text/css" rel="stylesheet" href="stylesheet.css" media="all">
  </head>
  
  <body>
    <div id="abCounter">
      <p id="title">Yearly Abortion Counter</p>
      <p id="aborts">Loading ...</p>
    </div>
  </body>
  
  <script language="javascript" type="text/javascript">
  
    function formatNumber(x) {
      return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
    }
    
    function abortCount() {
      //42 Million per Year http://www.guttmacher.org/pubs/fb_IAW.html
      var yearAborts = 42000000;
      var yearSeconds = 31536000;
      
      // Setup inital dates.
      var now = new Date();
      var year = now.getFullYear();
      // Set current Jan 1st and today
      var t1 = new Date(year, 00, 00, 0, 0, 0, 0);
      var t2 = now;
      // Get current seconds
      var dif = t1.getTime() - t2.getTime();
      var secDif = dif / 1000;
      var seconds = Math.abs(secDif);
      
      //Counter Math
      var aborts = yearAborts / yearSeconds * seconds;
      //Format for Output
      var currentAborts = Math.round(aborts);
      var currentAborts = formatNumber(currentAborts, 1, ',', '.', '', '', '-', '')
      //Output
      document.getElementById('aborts').innerHTML = currentAborts;
    }
    //Fire Counter
    setInterval(function(){ abortCount() }, 1000);
  </script>
  
</html>
<style>
  #abCounter {
    border:1px solid black;
    width:175px;
    text-align: center;
    font-weight: bold;
    font-family: arial, sans-serif;
  }
  #abCounter #title {
    color: white;
    background: rgb(0, 0, 153);
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 4px;
    padding-bottom: 5px;
    font-size: 14px;
  }
  #abcounter #aborts {
    font-size: 17px;
    color: rgb(153, 0, 0);
    padding-top:0px;
    padding-bottom:0px;
    margin-top:0px;
    margin-bottom:0px;
  }
  </style>

以上是关于css 每年堕胎计数器更新秒数。的主要内容,如果未能解决你的问题,请参考以下文章

每年发生的 Sqlite 计数

跟踪程序堕胎的工具

每月、每年分组的值计数 - Pandas

如何获得一定秒数的年数、月数、天数、小时数和分钟数?

自动递增 - 每年自动重置

如何生成每年重置的自动递增 ID 号