我的页面上有这个倒数计时器:http ://www.dirtycookie.co 。
除非您刷新页面,否则它不会倒计时。
我有相同的脚本,工作方式略有不同@ m.dirtycookie.co供参考。
我的 index.php 上有这个脚本<head>
<script>
$(document).ready(function () {
function countdown() {
// input new date here
var newdate = new Date("Mar 01, 2013 20:00:00");
// input new date here
//DO NOT TOUCH THE REST UNLESS YOU KNOW JQUERY WELL
var now = new Date();
var timeDifference = newdate.getTime() - now.getTime();
var d = Math.floor(timeDifference / 1000);
var l = Math.floor(d / 60);
var b = Math.floor(l / 60);
var u = Math.floor(b / 24);
b %= 24; l %= 60; d %= 60;
if(d < 0){ var d = 0}
if(l < 0){ var l = 0}
if(b < 0){ var b = 0}
if(u < 0){ var u = 0}
$(".days").html(u);
$(".hours").html(b);
$(".minutes").html(l);
$(".seconds").html(d);
var timer = setTimeout('countdown()',1000);
//DO NOT TOUCH THE REST UNLESS YOU KNOW JQUERY WELL
}
window.onload=countdown ;
});
</script>
萤火虫错误:ReferenceError:倒计时未定义
http://www.dirtycookie.co/
第 106 行 第 106 行实际上是:var timer = setTimeout('countdown()',1000);
用于此的 HTML 在这里:
<div class="counter_wrap">
<!-- Counter Title -->
<h1>Countdown to Grand-Opening!</h1>
<!-- Counter Title -->
<!-- Counter Section -->
<div class="numbers"><p class="days">23</p><p class="smallfont">Days</p></div>
<div class="numbers"><p class="hours">19</p><p class="smallfont">Hours</p></div>
<div class="numbers"><p class="minutes">7</p><p class="smallfont">Minutes</p></div>
<div class="numbers"><p class="seconds">23</p><p class="smallfont">Seconds</p>
</div>