我有一个PHP脚本来计算两个日期之间的差异。
<?php
$date1="2015-11-30 07:57:00";
$date2=date('Y-m-d H:i:s');
$diff=abs(strtotime($date2)-strtotime($date1));
echo "<h1 style=\"color:red;\">".$diff."</h1>";
?>
然后我想使用ajax请求每秒自动刷新一次。
function loadXMLDoc(){
var xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
var totalsec=xmlhttp.responseText;
document.getElementById("ajaxDiv").innerHTML = totalsec;
}
}
xmlhttp.open("GET","dif_btw_dates.php",true);
xmlhttp.send();
}
setInterval("loadXMLDoc()",1000);
现在,我想计算totalsec值来确定分钟,小时和天数。但是当我尝试对totalsec进行任何数学运算时,例如
var minutes=totalsec /60;
我收到一个NaN错误。如何将responseText值转换为整数,以便进行数学运算?谢谢。
最佳答案
这里的主要问题是您试图将<h1 style="color:red;">123123</h1>
解析为数字。而且,正如@LGSon所指出的,您不应在此处每秒进行一次ajax调用。
要解决此问题,我将改为从服务器发送回两个日期,看起来可能像这样:
PHP:
<?php
$date1="2015-11-30 07:57:00";
$date2=date('Y-m-d H:i:s');
echo $date1 . "," . $date2;
?>
HTML:
<div id="ajaxDiv">
<h1></h1>
</div>
CSS:
#ajaxDiv > h1{
color: red;
}
和JS:
var date,
timezoneOffset;
function loadXMLDoc(){
var xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
var dates = xmlhttp.responseText.split(",");
timezoneOffset = Math.round((new Date() - new Date(dates[1]))/3600000);
date = new Date(dates[0]);
}
}
xmlhttp.open("GET","dif_btw_dates.php",true);
xmlhttp.send();
}
function updateTime(){
if( date === undefined ) return;
var date2 = new Date();
date2.setHours(date2.getHours() - timezoneOffset);
var totalsec = (date2 - date) / 1000;
/* Here totalsec is a number and you can do your other operations like
var minutes=totalsec /60; */
var ajaxDiv = document.getElementById("ajaxDiv");
var h1 = ajaxDiv.getElementsByTagName("h1")[0];
h1.innerHTML = totalsec;
}
loadXMLDoc();
setInterval(loadXMLDoc, 3600000); //Sync with server time once an hour
setInterval(updateTime, 1000);
关于javascript - 如何将responseText值转换为整数?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/34029809/