如何设置在jQuery.countdown的最后日期之前打开bootstrap 4模式的链接,并在倒计时结束后链接到它们的URL?
我有一个带有两个外部链接的导航如何设置在jQuery.countdown的最后日期之前打开bootstrap 4模式的链接,并在倒计时结束后链接到它们的URL?,jquery,Jquery,我有一个带有两个外部链接的导航 <nav class="app-links"> <a href="https://www.apple.com/lae/ios/app-store/" class="apple"><img src="img/badge-apple-appstore.svg" alt="apple app store"></a> <a href="https://play.google.com/store?hl=en/"
<nav class="app-links">
<a href="https://www.apple.com/lae/ios/app-store/" class="apple"><img src="img/badge-apple-appstore.svg" alt="apple app store"></a>
<a href="https://play.google.com/store?hl=en/" class="google"><img src="img/badge-google-play.svg" alt="google play store"></a>
</nav>
我使用插件在引导模式中生成倒计时计时器。
在倒计时计时器倒计时到设定的日期之前,我需要阻止外部链接链接到它们的URL,而是打开Bootstrap4模式。当倒计时结束时,他们应该再次链接到URL。
有人知道如何做到这一点吗
此时,modal设置为在页面加载时打开,并在倒计时计时器过期时隐藏,因为我不知道如何将其设置为在计时器倒计时处于活动状态时由导航链接触发
$(window).on('load',function(){
$('.modal').modal('show');
});
$(document).ready(function() {
var finalDate = '2018/03/28 13:53:30';
$('#timer').countdown(finalDate)
.on('update.countdown', function(event) {
var $this = $(this).html(event.strftime(''
+ '<p><span>%-D</span>days</p>'
+ '<p><span>%H</span>hours</p>'
+ '<p><span>%-M</span>minutes</p>'));
})
.on('finish.countdown', function(event) {
$('.modal').modal('hide');
});
});
$(窗口).on('load',function()){
$('.modal').modal('show');
});
$(文档).ready(函数(){
var finalDate='2018/03/28 13:53:30';
$(“#计时器”)。倒计时(最终日期)
.on('update.countdown',函数(事件){
var$this=$(this.html)(event.strftime(“”)
+“%-dday”
+“%h小时”
+“%-Mminutes”);
})
.on('finish.countdown',函数(事件){
$('.modal').modal('hide');
});
});
首先,您可以向锚点添加单击事件侦听器,以防止默认操作。
根据,您可以使用经过的属性来测试计数器是否结束。发生这种情况时,可以再次启用锚定(删除以前的单击处理程序)
$('.app links a')。在('click',函数(e)上{
e、 预防默认值();
$('.modal').modal('show');
})
var nowPlus2=新日期();
nowPlus2.setMinutes(nowPlus2.getMinutes()+1);
var finalDate=nowPlus2;
$(“#计时器”)。倒计时(最终日期)
.on('update.countdown',函数(事件){
如果(事件已过){
$('.app links a')。关闭('click');
}
$(this).text(event.strftime('-D天%H小时%M分钟%S秒));
})
.on('finish.countdown',函数(事件){
$('.app links a')。关闭('click');
$('.modal').modal('hide');
});代码>
等待
&时代;
接近
工作起来很有魅力。谢谢