累积小时数的Javascript计数器_Javascript_Counter

累积小时数的Javascript计数器

javascript

累积小时数的Javascript计数器,javascript,counter,Javascript,Counter,我们需要一个计数器来显示我们的累计工作时间，但我似乎无法让它运行。它在一个旧网站上工作，但我不能让它在新网站上工作。有人能告诉我我是否遗漏了下面重要的东西吗 HTML缩写： $未定义。我认为在运行JS代码之前，需要确保包含jQuery。也许您可以更新HTML，如： <html lang="en-US"> <head></head> <body> <div id="counter"></div>

我们需要一个计数器来显示我们的累计工作时间，但我似乎无法让它运行。它在一个旧网站上工作，但我不能让它在新网站上工作。有人能告诉我我是否遗漏了下面重要的东西吗

HTML缩写：

$未定义。我认为在运行JS代码之前，需要确保包含jQuery。也许您可以更新HTML，如：

<html lang="en-US">
    <head></head>
    <body>
        <div id="counter"></div>
        <script src="https://code.jquery.com/jquery-1.11.2.min.js" type="text/javascript"></script>
        <script src="../js/counter.js" type="text/javascript">
    </body>
</html>

我让它工作了。问题是我试图让它在Wordpress中工作。我无法在wordpress中使用$，因此我不得不用jQuery替换它：

//update next three variables once per week using current fleet data
var START_DATE = new Date("February 17, 2015 23:59:00"); // the date and time when run hours were known
var START_VALUE = 316398; // the run hours known at the date above
var INCREMENT = 0.0055; // 4000 fleet hrs per week = .0066 per sec, how many fleet run hours are added every second of the day

var INTERVAL = 1; // in seconds
var count = 0;
var fleetyears = 0;

jQuery(document).ready(function() {
 var msInterval = INTERVAL * 1000;
 var now = new Date();
 count = parseInt((now - START_DATE)/msInterval) * INCREMENT + START_VALUE;
 fleetyears = count / 8766;

 document.getElementById('counter').innerHTML = "&nbsp;Cumulative Fleet Runtime: " + Number(count.toFixed(2)).toLocaleString('en') + " hours (" + Number(fleetyears.toFixed(2)).toLocaleString('en') + " years)&nbsp;"; //simply 'count' if unformatted
 window.setInterval( function(){
  count += INCREMENT; 
  document.getElementById('counter').innerHTML = "&nbsp;Cumulative Fleet Runtime: " + Number(count.toFixed(2)).toLocaleString('en') + " hours (" + Number(fleetyears.toFixed(2)).toLocaleString('en') + " years)&nbsp;"; //simply 'count' if unformatted
 }, msInterval);
});

看起来jquery加载到了头文件中，我将对counter.js文件的调用移到了文件的末尾。我刚刚用一些文本更新了主页，其中显示了html代码的位置：

<html lang="en-US">
    <head></head>
    <body>
        <div id="counter"></div>
        <script src="https://code.jquery.com/jquery-1.11.2.min.js" type="text/javascript"></script>
        <script src="../js/counter.js" type="text/javascript">
    </body>
</html>

//update next three variables once per week using current fleet data
var START_DATE = new Date("February 17, 2015 23:59:00"); // the date and time when run hours were known
var START_VALUE = 316398; // the run hours known at the date above
var INCREMENT = 0.0055; // 4000 fleet hrs per week = .0066 per sec, how many fleet run hours are added every second of the day

var INTERVAL = 1; // in seconds
var count = 0;
var fleetyears = 0;

jQuery(document).ready(function() {
 var msInterval = INTERVAL * 1000;
 var now = new Date();
 count = parseInt((now - START_DATE)/msInterval) * INCREMENT + START_VALUE;
 fleetyears = count / 8766;

 document.getElementById('counter').innerHTML = "&nbsp;Cumulative Fleet Runtime: " + Number(count.toFixed(2)).toLocaleString('en') + " hours (" + Number(fleetyears.toFixed(2)).toLocaleString('en') + " years)&nbsp;"; //simply 'count' if unformatted
 window.setInterval( function(){
  count += INCREMENT; 
  document.getElementById('counter').innerHTML = "&nbsp;Cumulative Fleet Runtime: " + Number(count.toFixed(2)).toLocaleString('en') + " hours (" + Number(fleetyears.toFixed(2)).toLocaleString('en') + " years)&nbsp;"; //simply 'count' if unformatted
 }, msInterval);
});