Javascript '；关闭'；获胜的按钮'；一分钟都不能关闭弹出窗口

我有一个自动加载的弹出窗口，它有一个关闭按钮、一个打印按钮和一些内容以及背景图像。我还将其设置为当按下“g”键时，弹出窗口重新出现。现在，我一直在尝试做的是，在关闭按钮上添加一个计时器，这样在弹出窗口出现后的1分钟内，弹出窗口就不能关闭，但收效甚微。我发现了以下内容，但我不确定如何在代码中实现它。我的代码显示在下面

$（文档）.ready（函数（）{
$（文档）。按键（功能（e）{
如果（e.charCode==65 | | 103）{
$（'#PopUp'）.css（“可见性”、“可见”）；
$（'弹出'）.css（“不透明度”，1）；
}
});
$（函数（）{
$（'#PopUp'）.css（“可见性”、“可见”）；
$（'弹出'）.css（“不透明度”，1）；
});
$（“.close”）。单击（函数（）{
$（'#PopUp'）.css（“可见性”、“隐藏”）；
$（'弹出'）.css（“不透明度”，0）；
});
});
函数printDiv（）
{
var content=document.getElementById（'printableDiv'）.innerHTML；
var win=window.open（）；
赢。文件。写（内容）；
win.print（）；//JavaScript打印函数
win.close（）；//打印后将关闭窗口。
}

.t{
-webkit变换原点：左上角；
-moz变换原点：左上角；
-o变换原点：左上角；
-ms变换原点：左上角；
-webkit变换：比例（0.25）；
-moz变换：比例（0.25）；
-o变换：标度（0.25）；
-ms变换：标度（0.25）；
z指数：2；
位置：绝对位置；
空白：预处理；
溢出：可见；
}
#t1_1{左：256px；顶：35px；字母间距：0.1px；}
#t2_1{左：334px；顶：87px；字间距：-0.1px；}
#t3_1{左：210px；上：123px；}
#t4_1{左：238px；顶：123px；字间距：-0.3px；}
#t5_1{左：210px；上：141px；}
#t6_1{左：210px；上：160px；}
#t7_1{左：210px；上：179px；}
#t8_1{左：238px；顶：141px；字母间距：-0.1px；单词间距：-0.1px；}
#t9_1{左：238px；上：160px；字间距：-0.1px；}
#ta_1{左：238px；上：179px；字间距：-0.1px；}
#tb_1{左：343px；上：242px；字母间距：-0.1px；}
#tc_1{左：210px；上：278px；}
#td_1{左：210px；上：297px；}
#te_1{左：210px；上：315px；}
#tf_1{左：210px；上：334px；}
#tg_1{左：238px；上：278px；字间距：-0.1px；}
#th_1{左：238px；上：297px；字间距：-0.1px；}
#ti_1{左：238px；上：315px；字间距：-0.2px；}
#tj_1{左：238px；上：334px；字间距：-0.1px；}
#tk_1{左：286px；上：393px；字间距：-0.1px；}
#tl_1{左：210px；上：429px；}
#tm_1{左：210px；上：448px；}
#tn_1{左：210px；上：466px；}
#至{左：210px；上：485px；}
#tp_1{左：238px；上：429px；字间距：-0.3px；}
#tq_1{左：238px；上：448px；字间距：-0.1px；}
#tr_1{左：238px；上：466px；字间距：-0.1px；}
#ts_1{左：238px；顶：485px；字间距：-0.2px；}
#tt_1{左：326px；顶：544px；字母间距：-0.1px；}
#图1{左：210px；上：580px；}
#tv_1{左：210px；上：599px；}
#tw_1{左：210px；上：618px；}
#tx_1{左：238px；上：618px；}
#ty_1{左：210px；上：636px；}
#tz_1{左：238px；上：636px；}
#t10_1{左：210px；上：655px；}
#t11_1{左：238px；上：580px；字间距：-0.1px；}
#t12_1{左：238px；上：599px；字间距：-0.2px；}
#t13_1{左：238px；上：655px；字间距：-0.1px；}
#t14_1{左：264px；上：716px；字间距：-0.2px；}
#t15_1{左：210px；上：752px；}
#t16_1{左：210px；上：771px；}
#t17_1{左：210px；上：789px；}
#t18_1{左：210px；上：808px；}
#t19_1{左：238px；上：752px；字间距：-0.1px；}
#t1a_1{左：238px；顶：771px；字间距：-0.1px；}
#t1b_1{左：238px；上：789px；字间距：-0.2px；}
#t1c_1{左：238px；上：808px；字间距：-0.1px；}
.s1_1{
字体大小：85.4px；
字体系列：Arial；
颜色：rgb（0,0,0）；
字体大小：粗体；
}
.s2_1{
字体大小：61.2px；
字体系列：Arial；
颜色：rgb（0,0,0）；
字体大小：粗体；
}
.s3_1{
字体大小：61.2px；
字体系列：SymbolMT_1z5；
颜色：rgb（0,0,0）；
}
.s4_1{
字体大小：61.2px；
字体系列：Arial；
颜色：rgb（0,0,0）；
}
div{
填充顶部：10px；
}
.按钮{
字号：1em；
填充：10px；
颜色：#fff；
边框：2倍纯色橙色；
边界半径：20px/50px；
文字装饰：无；
光标：指针；
过渡：所有0.3秒放松；
}
.按钮：悬停{
背景：橙色；
}
.覆盖{
位置：绝对位置；
排名：0；
底部：0；
左：0；
右：0；
背景：rgba（0,0,0,0.7）；
过渡：不透明度500ms；
能见度：可见；
不透明度：1；
身高：578%；
宽度：117.5%；
}
.覆盖：目标{
可见性：隐藏；
不透明度：0；
显示：无；
}
.弹出窗口{
保证金：50px自动；
填充：0px；
背景：#fff；
边界半径：5px；
宽度：60%；
位置：相对位置；
过渡：所有5s易于输入输出；
}
.弹出.关闭{
位置：绝对位置；
顶部：20px；
右：30px；
过渡：所有200ms；
字体大小：30px；
字体大小：粗体；
文字装饰：无；
颜色：#333；
}
.弹出.关闭：悬停{
颜色：橙色；
}
.PopUp.content{
最高高度：117.5%；
溢出：自动；
}
.pdf1{
宽度：935px；
高度：1210px；
背景色：白色；
-moz变换：比例（1）；
z指数：0；
边界：无；
}

将id添加到定位标记。可能是这样的：

<a class="close" id="close" href="#">&#10005;</a>

这将设置visi
$('#close').css("visibility", "hidden");

setTimeout(function(){
$('#close').css("visibility", "visible"); 
},60000);

setTimeout(function(){
$('#close').attr('href','http://example.com');
},60000);

<a id="close"></a>

  var num = 5;

  var counter = setInterval(function(){
  document.getElementById('close').innerHTML='Close this popup in '+num+' 
  seconds';
  num--;

if(num < 0){ 
  close_ad();
}

function close_ad(){
  document.getElementById('close').href='http://www.google.com';
  document.getElementById('close').innerHTML='Click Here';
  clearInterval(counter);
}
},1000);  

$( ".close" ).click(function() {
    cnt=0;
    $(this).css({opacity:0})
    var interval=setInterval(function(){
    if(cnt<=60){
      ++cnt;
      $("#time_container").css("opacity",1)
      $("#time_container").html("Please wait"+cnt);
      console.log(cnt);
    }
    else{
      clearInterval(interval);
      $("#time_container").css("opacity",0)
    }
  },1000);
setTimeout(function(){
        $('#PopUp').css("visibility", "hidden"); 
       $('#PopUp').css("opacity", 0);


},60000);

<label id="close-message"></label>

  var counter = 5;
  $("#close-message").html("You can close this in " + counter + " seconds");  
  var setMsg = setInterval(function() {
    counter--;
    if(counter > 0) {
      $("#close-message").html("You can close this in " + counter + " seconds");
    } else {
      $( ".close" ).click(function() {
        $('#PopUp').css("visibility", "hidden"); 
        $('#PopUp').css("opacity", 0);
      });
      $("#close-message").remove();
      clearInterval(setMsg);
    }
  }, 1000);