使用查询数据库调用ejs/express中的setInterval()

Question

我看过这里，但这不能解决我的任务。

手头的问题是：我的MySQL数据库中的event.date列中有一个日期，其检索方式如下：

app.get('/', (req, res) => {
var query1='SELECT event_date,... FROM event..';
connection.query(query1, function(err,results){
if (results) res.render('index', {data: results});
});
});

我想要的是在我的页面上启动一个计时器，它将获取new Date();和我存储的日期之间的差异(像这样(

index.ejs

<%  data.some(function(d,index){    %>
<%= d.event_date %> //this prints the data here obviously
<% **How to implement the setInterval() here??** %> 
<% })%>

我尝试了两种或多种方法，但都徒劳无功。我缺少什么概念？如何做到这一点？

谢谢。

Answer 1

试着做这样的事情(倒计时函数取自这个答案(

EJS模板代码：

<% data1.forEach(function(d, index){ %>
<div id="countdown<%= index %>"></div>
<% }) %>
<script>
<% data1.forEach(function(d, index){   %>
CountDownTimer("<%= d.event_date %>", "countdown<%= index %>");
<% })%>

function CountDownTimer(dt, id) {
var end = new Date(dt);
var _second = 1000;
var _minute = _second * 60;
var _hour = _minute * 60;
var _day = _hour * 24;
var timer;
function showRemaining() {
var now = new Date();
var distance = end - now;
if (distance < 0) {
clearInterval(timer);
document.getElementById(id).innerHTML = 'EXPIRED!';
return;
}
var days = Math.floor(distance / _day);
var hours = Math.floor((distance % _day) / _hour);
var minutes = Math.floor((distance % _hour) / _minute);
var seconds = Math.floor((distance % _minute) / _second);
document.getElementById(id).innerHTML = days + 'days ';
document.getElementById(id).innerHTML += hours + 'hrs ';
document.getElementById(id).innerHTML += minutes + 'mins ';
document.getElementById(id).innerHTML += seconds + 'secs';
}
timer = setInterval(showRemaining, 1000);
}
</script>

在这里，我们查询DB一次(在渲染页面时(，然后客户端javascript负责基于间隔的倒计时更新。