Javascript 跟踪按钮被单击的次数

我有一个当页面加载时自动加载的弹出窗口，它在关闭按钮上也有一个计时器，其时间取决于用户查看弹出窗口的次数。它还有一个“打印”按钮，如果按“g”键，弹出窗口可以被调用

我的注意力集中在“打印”按钮上。当前，当我单击“打印”按钮时，它会添加以下代码位：

$("#timer").remove();
clearInterval(setMsg);

但是，如果要重新加载页面，计时器将重新出现，就好像按钮根本没有被单击过一样，它可能是

5

、

15

、

30

、

45

或

60

秒，具体取决于您以前查看页面的次数。我想在点击“打印”按钮后永久删除计时器

请注意，计时器在代码段或中似乎不起作用，因为我认为有几个函数无法工作，例如

document.write

。但是，当我创建HTML文件时，它将在我的浏览器中工作。我的代码如下：

$（文档）.ready（函数（）{
$（文档）。按键（功能（e）{
如果（e.charCode==65 | | 103）{
$（'#PopUp'）.css（“可见性”、“可见”）；
$（'弹出'）.css（“不透明度”，1）；
}
});
$（函数（）{
$（'#PopUp'）.css（“可见性”、“可见”）；
$（'弹出'）.css（“不透明度”，1）；
});
$（“.close”）。单击（函数（）{
$（'#PopUp'）.css（“可见性”、“隐藏”）；
$（'弹出'）.css（“不透明度”，0）；
});
});
//初始化
var计数器=60；
var=0；
var cookieExpirationDays=7；//一周内不要让饼干过期
//测试以查看localstorage/sessionStorage是否可用（localstorage没有过期日期）
if（类型（存储）！=“未定义”）{
计数器=60；
timesVisited=localStorage.getItem（“timesVisited”）；
//第一次
如果（（访问时间==0）| |（访问时间<1））{
访问时间=1；
setItem（“timesVisited”，timesVisited）；
计数器=60；
}
//第二次
如果（（timesVisited>=1）&&（timesVisited=4）&&（timesVisited=9）&（timesVisited=14），则为else{
时间访问++；
setItem（“timesVisited”，timesVisited）；
计数器=5；
}
}
//没有本地存储/会话存储。请使用cookie
否则{
timesVisited=getCookie（“timesVisited”）；
console.log（times）；
//第一次
如果（（访问时间=“”）| |（访问时间<1））{
访问时间=1；
setCookie（“timesVisited”，timesVisited，cookieExpirationDays）；
计数器=60；
}
//第二次
如果（（timesVisited>=1）&&（timesVisited=4）&&（timesVisited=9）&（timesVisited=14），则为else{
时间访问++；
setCookie（“timesVisited”，timesVisited，cookieExpirationDays）；
计数器=5；
}
}
var setMsg=setInterval（函数（）{
计数器--；
如果（计数器>=60和计数器>=70）{
$（“#关闭消息”）.html（“1:+（计数器-60））；
}否则如果（计数器>=60和计数器<70）{
$（“#关闭消息”）.html（“1:0”+（计数器-60））；
}否则如果（计数器>=10）{
$（“#关闭消息”）.html（“0:+计数器）；
}否则如果（计数器>0）{
$（“#关闭消息”）.html（“0:0”+计数器）；
}否则{
$（“.close”）。单击（函数（）{
$（'#PopUp'）.css（“可见性”、“隐藏”）；
$（'弹出'）.css（“不透明度”，0）；
});
$（“#计时器”）.remove（）；
清除间隔（setMsg）；
}
}, 1000);
});
函数printDiv（）
{
var content=document.getElementById（'content'）.innerHTML；
var win=window.open（）；
赢。文件。写（内容）；
win.print（）；//JavaScript打印函数
win.close（）；//打印后将关闭窗口。
$（“.close”）。单击（函数（）{
$（'#PopUp'）.css（“可见性”、“隐藏”）；
$（'弹出'）.css（“不透明度”，0）；
});
$（“#计时器”）.remove（）；
clearInterval（setMsg）；s
}

.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{
左：210像素；
顶部：123px；
}
#t4_1{
左：238px；
顶部：123px；
字间距：-0.3px；
}
#t5_1{
左：210像素；
顶部：141px；
}
#t6_1{
左：210像素；
顶部：160px；
}
#t7_1{
左：210像素；
顶部：179px；
}
#t8_1{
左：238px；
顶部：141px；
字母间距：-0.1px；
字间距：-0.1px；
}
#t9_1{
左：238px；
顶部：160px；
字间距：-0.1px；
}
#塔乌1{
左：238px；
顶部：179px；
字间距：-0.1px；
}
#结核杆菌1{
左：343px；
顶部：242px；
字母间距：-0.1px；
}
#tc_1{
左：210像素；
顶部：278px；
}
#td_1{
左：210像素；
顶部：297px；
}
#特尤1{
左：210像素；
顶部：315px；
}
#tf_1{
左：210像素；
顶部：334px；
}
#tg_1{
左：238px；
顶部：278px；
字间距：-0.1px；
}
#THU 1{
左：238px；
顶部：297px；
字间距：-0.1px；
}
#ti_1{
左：238px；
顶部：315px；
字间距：-0.2px；
}
#tj_1{
左：238px；
顶部：334px；
字间距：-0.1px；
}
#蒂库1{
左：286px；
顶部：393px；
字间距：-0.1px；
}
#tl_1{
左：210像素；
顶部：429px；
}
#tm_1{
左：210像素；
顶部：448px；
}
#TNU 1{
左：210像素；
顶部：466px；
}
#to_1{
左：210像素；
顶部：485px；
}
#tp_1{
左：238px；
顶部：429px；
字间距：-0.3px；
}
#tq_1{
左：238px；
顶部：448px；
字间距：-0.1px；
}
#tr_1{
左：238px；
顶部：466px；
字间距：-0.1px；
}
#丘1{
左：238px；
顶部：485px；
字间距：-0.2px；
}
#tt_1{
左：326px；
顶部：544px；
字母间距：-0.1px；
}
#图1{
左：210像素；
顶部：580px；
}
#电视1{
左：210像素；
顶部：599px；
}
#tw_1{
左：210像素；
顶部：618px；
}
#tx_1{
左：238px；
顶部：618px；
}
if (localStorage.getItem("btn_clicked") !== null) {
    // Show the pop-up
}