在JS中增加+自动更新变量值
[英]Increment + auto-update variable value in JS
问题描述
我是JS和PHP的初学者，所以请原谅我的无知并忍受我:)
我正在尝试在我的网站上实施一个实时计数器。 此计数器应显示到目前为止翻译的单词数量，我希望此数字更新为“实时”以反映翻译单词的数量（根据我的年平均值）。
为简化起见，我设置了一个变量$ wordsPerYear，其平均每年翻译一次，比如1000。 我还将开始日期设置为10年前（2004年），以便返回大约10,000。
所以这是我的代码到目前为止：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Live Word Count</title>
<style type="text/css">
.count {
width: 100%;
margin: 0 auto;
padding-top: 10%;
text-align: center;
}
</style>
<?php
$now = time();
$start = mktime(0, 0, 0, 1, 01, 2004);
$wordsPerYear = 1000;
$totalDays = (($now - $start) / 86400); // number of a seconds in a day
$count = $totalDays / 365 * $wordsPerYear;
$count = round($count);
?>
<script type="text/javascript">
var totalWords = <?php print($count); ?>;
function updateCounter() {
totalWords = totalWords + 1; // need to do something here to update to the real word count instead of incrementing by 1 each second
document.getElementById("carb").innerHTML=totalWords; }
</script>
</head>
<body onload="setInterval('updateCounter()', 1000);">
<div class="count">
<span id="carb">
Loading Word Count...
</span>
</div>
</body>
</html>
我只需要能够使用setInterval（'updateCounter（）'，1000）使用翻译的单词的真实值而不是“假”实时增量使这个数字更新为“实时”。
所以，是的，我真的只需更新该功能，将该字数统计值更新为当前时间与开始日期的比率。
谁能帮我实现这个目标？ 我确信这是一件非常简单的事情，但是我绞尽脑汁无济于事。 如果需要澄清来解释我想做什么，请告诉我！
提前致谢
2 个解决方案
解决方案1
2 2014-03-07 19:45:27
因为你实际上并没有从服务器获取任何值，所以不需要同时使用PHP和Javascript - 它们都是在真空中计算的。
从根本上说，这是一个数学问题。 Javascript计算日期的差异（以毫秒为单位），因此您首先需要知道每翻译一毫秒的单词数：每年/每年的单词/每天的毫秒数。 我使用31556900作为每年测试的单词值，因为这是一年中的秒数。
接下来，您必须将该总数应用于当前日期 - 开始日期，并将其设置为您的起始总日期。
最后，创建一个区间函数，将单词数添加到总数中。
这应该这样做：
;(function() {
// Constants
var wpm = (31556900 / 365) / 86400000 // Words per year / days per year / milliseconds per day
, start = new Date('January 1, 2004');
var now = new Date()
, total = Math.round((now - start) * wpm);
var dom = {
counter: document.getElementById('counter')
};
dom.counter.textContent = total;
setInterval(function() {
total += Math.round((new Date() - now) * wpm)
dom.counter.textContent = total;
now = new Date();
}, 1000)
}())
解决方案2
1 2014-03-07 19:49:23
你可以尝试这个，我只是在javascript中翻译你的PHP代码，并根据服务器时间计算你的“totalWords”。
<script>
var getServerTime = (function () {
var baseTime = <?php echo time() * 1000; /* convert to milliseconds */ ?>,
startTime = new Date().getTime();
return function () {
return baseTime + (new Date().getTime() - startTime);
};
}());
var calculateTotalWords = function() {
var currentServerTime = getServerTime();
var start = new Date(2004, 0, 1);
var wordsPerYear = 500000;
var SecondInYear = 31556926;
var wordsPerSecond = wordsPerYear / SecondInYear;
var delay = (currentServerTime - start.getTime()) /1000;
var count = delay * wordsPerSecond ;
return Math.round(count);
}
var interval = setInterval(function(){
var count = calculateTotalWords();
document.getElementById("carb").innerHTML = count;
}, 1000);
</script>
</head>
<body>
<div class="count">
<span id="carb">
Loading Word Count...
</span>
</div>
</body>
</html>
Javascript自动更新条件值
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.