如何解决我想使用jquery根据当前系统时间关闭模型弹出窗口吗?
我希望基于当前系统时间关闭模型弹出窗口。目前,模型弹出窗口并未根据当前系统时间关闭,换句话说,弹出窗口正在查询静态时间关闭。在当前系统时间15 mintues
之后如何关闭模式弹出窗口?
HTML模式弹出窗口
<a href="javascript:void(0);" data-toggle="modal" data-target="#myModal"
class="btn btn-own btn-user redeem_btn"> Redeem Now </a>
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog"
aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p id="countdown"></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
jQuery
$(document).ready(function() {
$(".redeem_btn").on("touchstart,click",function(e) {
var dt = new Date();
var time = dt.getMinutes();
alert(time);
$('#myModal').modal('show');
//var counter = 15;
var interval = setInterval(function() {
//counter--;
$("#countdown").html('Window will close in ' + counter + ' seconds.');
if (time == 15) {
$('#myModal').modal('hide');
alert(time);
clearInterval(interval);
}
},time);
$('body').bind('mousedown keydown',function(event) {
//counter = 15;
});
});
});
解决方法
JQUERY
$(document).ready(function() {
$(".redeem_btn").on("touchstart,click",function(e) {
$('#myModal').modal('show');
let time = 15 * 60 * 1000 // 15 minutes
setTimeout(function(){
$('#myModal').modal('hide');
alert(time);
clearInterval(interval);
},time);
let interval = setInterval(function() {
let minutes = Math.floor(time / 60000);
let seconds = ((time% 60000) / 1000).toFixed(0);
$("#countdown").html('Window will close in ' + minutes + ':' + seconds);
time = time - 1000
// comment `setTimeout` if use `if`
// if (time < 0) {
// alert(time);
// clearInterval(interval);
// }
},1000); // every 1 second
});
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。