javascript - 如何让我的 JavaScript 文件影响 EJS 变量

Question

我在 index.ejs 文件中定义了一个名为“complete”的 ejs 变量，并使用以下命令检查用户是否已填写日记:

<% if (complete == false) { %>
   <button class="new_journal">Fill Out Journal<i class="fa fa-plus" aria-hidden="true"></i></button>  
<% } else { %>
    <div class="new_journal2">You Already Filled Out Your Journal</div>
<% }% >

在我的 JavaScript 文件中，我编写了以下函数来倒计时 24 小时，然后将“complete”的值更改为 false:

var hour = 23;
var minutes = 59; 
var seconds  = 60;
var value = 1;
setInterval(function(){
    var time = document.getElementById('timer').innerHTML = "Hours: " + hour + 
    " Minutes: " + minutes + " Seconds: " + seconds;
    seconds -= 1;

    if(seconds == 0) {
        minutes -= 1;
        seconds = 60;
    };

    if(minutes == 0) {
        hour -= 1;
        minutes = 60;
    };

    if(hours == 0) {
        complete = false;    
    }

}, 1000);

但是，当计时器达到 0 时，它不会更改 Complete 的值。

Answer 1

您以错误的方式混淆了客户端 JavaScript 和 EJS。根据您的代码，您提到的 javascript 在客户端运行，而您提到的 EJS 代码将在服务器端运行，因此此时它无法读取完整的变量值。

我看到您在 #timer 中有一个日期值，所以我希望您在服务器端某个地方拥有该数据，使用它在服务器端而不是客户端导出完整的变量值。