没有刷新的JavaScript增量计数器
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>
相关文章:
- Javascript计数器变量未显示正确的值
- Javascript猜测游戏-计数器不工作
- Javascript第二计数器
- 如何使用JavaScript创建时间计数器
- Javascript计数器问题
- 类似按钮增量计数器不工作.PHP,AJAX,MySQL,javascript
- JavaScript中的足球时钟计数器
- 可以't实现JavaScript翻转计数器
- 循环的Javascript中的PHP计数器
- 简单的JavaScript计数器没有多余的装饰,只是计数
- 带有if-else的javascript计数器
- 简单的Javascript定时计数器
- javascript计数器Honoi塔
- Javascript计数器的增量超过1.为什么?我该如何解决这个问题
- 启动和停止循环计数器 JavaScript
- 新的邮件计数器JavaScript
- 函数计数器JavaScript
- 将百分比添加到数字计数器javascript
- 自动嵌套If语句和递增计数器——Javascript
- 增量计数器Javascript/JQuery