我正在为狗救援组织配置一个站点。 我试图创建一个安乐死计数器,以便直观地显示每天有多少只狗在美国被放下。 这是一个使用当前时间的现场“死亡计数器”,它仍然为访客提供不间断的页面计数。
我希望计数器每天午夜从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>
我真的要感谢你的帮助!
答案 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;?>
应该在你的代码中完成这项工作。