如何每10.6秒从时间戳增加+1

时间:2012-09-11 15:33:56

标签: php javascript time increment

我正在为狗救援组织配置一个站点。 我试图创建一个安乐死计数器,以便直观地显示每天有多少只狗在美国被放下。 这是一个使用当前时间的现场“死亡计数器”,它仍然为访客提供不间断的页面计数。

我希望计数器每天午夜从0开始。 然后,我希望计数器每10.6秒增加+1。

我提出的最好是黑客,看似不准确。

我的EMBARRASSING代码在下面,我知道数学是错误的,但是,我的理解极限。 此外,我对strtotime缺乏了解也增加了不必要的线条。

        <?php
    $tsdate = date('d-m-Y');
    $date = date('m/d/Y');
    $timestamp = strtotime($tsdate);
    ?>
    <b><font color="#ff0000">
<span id="number"><?=(int)((time()-$timestamp)/14.6);?></span>
</font> dogs have been put to death in this country TODAY <?php echo $date ?>.<br />
Don't buy - Don't breed - ADOPT! </b>

    <script type="text/javascript">
        var i = <?=(int)((time()-$timestamp)/14.6);?>;
        function increment() {
            i++;
            document.getElementById('number').innerHTML = i;
        }
        setInterval('increment()', 10600);
    </script>

代码功能但是,你可以看到我需要帮助而且我的边缘无能为力。 我不得不使用上面看到的14.6来得到结果,但是,不正确。

我也希望显示年度的运行总数。

有人可以帮助我吗?

非常感谢你的帮助,但我无法让它发挥作用。这就是我所拥有的:

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title> count up test </title>

<script type='text/javascript'>
var div = document.getElementById('count');
var yeardiv = document.getElementById('yearcount');

function updateCount() {
    var d = new Date();
    // set d to midnight
    d.setHours(0,0,0,0);
    var count = Math.floor( ( new Date().getTime() - d.getTime() ) / 10600 );
    div.innerHTML = count;

    // set d to Jan 1st
    d.setMonth( 0 );
    d.setDate( 1 );
    count = Math.floor( ( new Date().getTime() - d.getTime() ) / 10600 )
    yeardiv.innerHTML = count;
}

updateCount();
setInterval( updateCount, 10600 );


</script>


</head>
<body>
Today: <div id="count"></div><br/>
This Year: <div id="yearcount"></div>

</body>


</html>

上面没有显示计数,只是文字......

感谢下面的工作!!

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title> count up test THANKS to agreco </title>
</head>
<body>

Today: <div id="count"></div><br/>
This Year: <div id="yearcount"></div>

<script type='text/javascript'>
var div = document.getElementById('count');
var yeardiv = document.getElementById('yearcount');

function updateCount() {
    var d = new Date();
    // set d to midnight
    d.setHours(0,0,0,0);
    var count = Math.floor( ( new Date().getTime() - d.getTime() ) / 10600 );
    div.innerHTML = count;

    // set d to Jan 1st
    d.setMonth( 0 );
    d.setDate( 1 );
    count = Math.floor( ( new Date().getTime() - d.getTime() ) / 10600 )
    yeardiv.innerHTML = count;
}

updateCount();
setInterval( updateCount, 10600 );
</script>
</body>
</html>

我真的要感谢你的帮助!

3 个答案:

答案 0 :(得分:3)

最好在javascript中完成所有操作..正如其他评论所说,它将包括用户时区,其中php将基于服务器时间。

以下是年度的更新代码:

var div = document.getElementById('count');
var yeardiv = document.getElementById('yearcount');

function updateCount() {
    var d = new Date();
    // set d to midnight
    d.setHours(0,0,0,0);
    var count = Math.floor( ( new Date().getTime() - d.getTime() ) / 10600 );
    div.innerHTML = count;

    // set d to Jan 1st
    d.setMonth( 0 );
    d.setDate( 1 );
    count = Math.floor( ( new Date().getTime() - d.getTime() ) / 10600 )
    yeardiv.innerHTML = count;
}

updateCount();
setInterval( updateCount, 10600 );

请参阅此fiddle

而不是递增,我只根据现在 - 午夜计算了计数

答案 1 :(得分:1)

我会跳过PHP并在JavaScript中完成。使用JavaScript Date对象,然后使用小时分钟和秒计算自午夜以来的秒数。你的增量计时器似乎很好。另外,使用JavaScript将使用查看器的时区(JavaScript在浏览器上运行)而不是服务器的时区(PHP在服务器上运行)。

答案 2 :(得分:1)

我认为你很难在午夜时分获得PHP中的秒数,你可以这样做:

<?php 
$ar = explode(':',date('G:i:s'));
$ar[0] *= 3600;
$ar[1] *= 60;
$seconds_from_midnight = $ar[0] + $ar[1] + $ar[2];
$dogs_killed_from_midnight = floor($seconds_from_midnight / 10.6);
?>

然后只需替换以下代码:

<?=(int)((time()-$timestamp)/14.6);?>

为此:

<?=$dogs_killed_from_midnight;?>

应该在你的代码中完成这项工作。