首先,这是我的JS
function getTimeRemaining(endTimeInput) {
var endTime = new Date(endTimeInput);
var currentTime = new Date();
var t = endTime - currentTime;
var seconds = Math.floor((t / 1000) % 60);
var minutes = Math.floor((t / 1000 / 60) % 60);
var hours = Math.floor((t / (1000 * 60 * 60)) % 24);
var days = Math.floor(t / (1000 * 60 * 60 * 24));
return {
total: t,
days: days,
hours: hours,
minutes: minutes,
seconds: seconds,
}
}
var dejts = [
{
number: 1,
date: Date.parse("2015-12-07 21:13"),
text: "text1"
},
{
number: 2,
date: Date.parse("2015-12-31 06:00"),
text: "text2"
}
];
$(document).ready(function(){
init();
});
function init(){
var eighteenHours = 18*1000*60*60;
for (i=0 ; i<dejts.length ; i++){
var currentDejt = dejts[i];
var now = new Date();
if (currentDejt.date + eighteenHours - now > 0){
startTimer(currentDejt);
break;
}
}
}
function startTimer(dejt){
var interval = setInterval(function() {
var t = getTimeRemaining(dejt.date);
$('#date-counter').text(dejt.number.toString());
// document.getElementById('date-counter').innerHTML = dejt.number;
document.getElementById('days').innerHTML = t.days + ' d';
document.getElementById('hours').innerHTML = t.hours + ' h';
document.getElementById('minutes').innerHTML = t.minutes + ' m';
document.getElementById('seconds').innerHTML = t.seconds + ' s';
if (t.total < 0){
clearInterval(interval);
document.getElementById('date-counter').innerHTML = dejt.number;
document.getElementById('days').innerHTML = '0 d';
document.getElementById('hours').innerHTML = '0 h';
document.getElementById('minutes').innerHTML = '0 m';
document.getElementById('seconds').innerHTML = '0 s';
displayDejtText(dejt);
}
}, 1000);
}
function displayDejtText(dejt){
$('.heart-content').html("<p>" + dejt.text + "</p>");
}
使用chrome或safari从我的笔记本电脑访问我的页面时效果很好但是当我尝试从我的iPhone 5S(chrome和safari)访问它时,Javascript没有加载。我试图在document.ready中设置控制台日志,甚至在所有代码之上,但是从移动设备访问时没有任何记录。我使用http://jsconsole.com/进行了远程调试,但没有记录错误/异常。我究竟做错了什么?该脚本与jquery一起加载到html <head>
标记中。我试图在<body>
中加载它,但它没有任何区别。
请帮忙。