当我在Google Chrome中打开时,最后的倒计时没有出现在我的页面上。我不太清楚为什么倒计时不起作用。有人能帮我一下吗?非常感谢!
<!DOCTYPE html>
<html>
<head>
<title>The Final Countdown</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="jquery.countdown.min.js"></script>
<script type="text/javascript">
$('#getting-started').countdown('2016/01/01', function(event) {
$(this).html(event.strftime('%w weeks %d days %H:%M:%S'));
});
</script>
</head>
<body>
<div id="getting-started"></div>
</body>
</html>
一旦DOM准备好,就需要执行代码。你可以把它放在一个DOMReady处理程序中:
$(function() {
$('#getting-started').countdown('2016/01/01', function(event) {
$(this).html(event.strftime('%w weeks %d days %H:%M:%S'));
});
});
在#getting-started
元素存在于DOM之前,您正在调用countdown()
方法。