JavaScript增量计数器，不带刷新_Javascript_Jquery_Smarty

JavaScript增量计数器，不带刷新

javascript jquery

JavaScript增量计数器，不带刷新,javascript,jquery,smarty,Javascript,Jquery,Smarty,我想在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; // i

我想在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>


演示计数器
{literal}
var开始日期=新日期（“2012年10月10日22:30:00”）；//在这里输入开始日期
变量间隔=1；//几秒钟内
var增量=30；//每滴答声增加
var起始值=35001；//起始日期时的初始值
var计数=0；
$（文档）.ready（函数（）{
var msInterval=间隔*1000；
var now=新日期（）；
count=parseInt（（现在-开始日期）/msInterval）*增量+开始值；
document.getElementById（'counter'）.innerHTML=count；
window.setInterval（函数（）{
计数+=增量；
document.getElementById（'counter'）.innerHTML=count；
}，msInterval）；
});
{/literal}