[英]JavaScript Increment counter with no fresh
我想在smartry(.tpl)文件中使用此計數器。 我發現腳本鏈接在下面
我只想知道我應該在哪里放置這些腳本代碼
var START_DATE = new Date("October 10, 2012 22:30:00"); // put in the starting date here
var INTERVAL = 1; // in seconds
var INCREMENT = 30; // increase per tick
var START_VALUE = 35001; // initial value when it's the start date
var count = 0;
$(document).ready(function() {
var msInterval = INTERVAL * 1000;
var now = new Date();
count = parseInt((now - START_DATE)/msInterval) * INCREMENT + START_VALUE;
document.getElementById('counter').innerHTML = count;
window.setInterval( function(){
count += INCREMENT;
document.getElementById('counter').innerHTML = count;
}, msInterval);
});
我的意思是把它們放在下面或哪里? 我想在smarty(.tpl)文件下使用它們。 指導我,因為我是javascript新手。
您可以根據需要將此代碼放入Smarty模板或JS文件中。
當然,您還需要加載jQuery。
下面是一個完整的Smarty .tpl
文件,該文件使用您的代碼並且可以正常運行:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo counter</title>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
<body>
<div id="counter">
</div>
<script type="text/javascript">
{literal}
var START_DATE = new Date("October 10, 2012 22:30:00"); // put in the starting date here
var INTERVAL = 1; // in seconds
var INCREMENT = 30; // increase per tick
var START_VALUE = 35001; // initial value when it's the start date
var count = 0;
$(document).ready(function () {
var msInterval = INTERVAL * 1000;
var now = new Date();
count = parseInt((now - START_DATE) / msInterval) * INCREMENT + START_VALUE;
document.getElementById('counter').innerHTML = count;
window.setInterval(function () {
count += INCREMENT;
document.getElementById('counter').innerHTML = count;
}, msInterval);
});
{/literal}
</script>
</body>
</html>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.