【问题标题】:Javascript Pop-up alert - Days countdown Inside alert (7 - 0 days)Javascript 弹出警报 - 天数倒计时内部警报(7 - 0 天)
【发布时间】:2019-04-24 06:23:10
【问题描述】:
我在 JS 和 HTML 中有一个弹出式警报,如果票证超过 7 天,它必须弹出。当工单确实弹出时,用户还有 7 天的时间来响应工单,因此累积到总共 14 天。
我的问题如下:如果出现弹窗,一定要在alert中显示一个人有7天时间回复ticket,但是在alert里面7天必须每24天掉alert中的一天几个小时,但我似乎在为此苦苦挣扎,我有一些屏幕截图和代码,也许我遗漏了一些东西或告诉我我可以添加或做什么。
HTML/JS 警报弹出窗口
提前致谢。
【问题讨论】:
标签:
javascript
html
angularjs
momentjs
backend
【解决方案1】:
如果我没记错的话,请说明一下,这些应该是显示的剩余时间:
7 days old --> showing 7 days left
10 days old --> showing 4 days left
13 days old --> showing 1 day left
14 days old --> showing 0 days left
在代码中应该这样写:
let eventDate= moment(lastEvent.event_date_time);
let dayDifference = moment().diff(eventDate, 'days');
// Even if the popup appears after 7 days, we can still use the total time
// of 14 days for calculation of the remaining time to be shown.
$scope.tempData.autoClosedDaysLeft = (14 - dayDifference < 0) ? 0 : (14 - dayDifference);
// if the remaining time equals 0, "showAutoCloseAlert" should be set to true.
$scope.tempData.showAutoCloseAlert = ($scope.tempData.autoClosedDaysLeft === 0);
顺便说一句,它应该是“previousEvent”而不是“prevoisEvent”:-)
这里有一个Fiddle,它应该可以让您了解您是否正在寻找它。