Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用户查看弹出窗口更改变量的次数';s值_Javascript_Jquery_Html_Css_Popup - Fatal编程技术网

Javascript 用户查看弹出窗口更改变量的次数';s值

Javascript 用户查看弹出窗口更改变量的次数';s值,javascript,jquery,html,css,popup,Javascript,Jquery,Html,Css,Popup,我有一个当页面加载时自动加载的弹出窗口,它在关闭按钮上有一个计时器,防止弹出窗口关闭60秒。它还有一个打印按钮,如果您按“g”键,可以调用该按钮 现在,我一直试图根据用户已经看到弹出窗口的次数(即第一次:60秒。第二次到第四次:45秒。第五次+时间:30秒),使计时器上的时间量发生变化,但没有成功,这是由计数器变量控制的。我发现了、、和,我相信这对解决我的问题会有很大帮助,但我一直未能成功地将它们合并到我的代码中 请注意,计时器在代码段或中似乎不起作用,尽管它在我的浏览器中起作用。我的代码如下:

我有一个当页面加载时自动加载的弹出窗口,它在关闭按钮上有一个计时器,防止弹出窗口关闭60秒。它还有一个打印按钮,如果您按“g”键,可以调用该按钮

现在,我一直试图根据用户已经看到弹出窗口的次数(即第一次:60秒。第二次到第四次:45秒。第五次+时间:30秒),使计时器上的时间量发生变化,但没有成功,这是由
计数器
变量控制的。我发现了、、和,我相信这对解决我的问题会有很大帮助,但我一直未能成功地将它们合并到我的代码中

请注意,计时器在代码段或中似乎不起作用,尽管它在我的浏览器中起作用。我的代码如下:

$(文档).ready(函数(){
$(文档)。按键(功能(e){
如果(e.charCode==65 | | 103){
$('#PopUp').css(“可见性”、“可见”);
$('弹出').css(“不透明度”,1);
}
});
$(函数(){
$('#PopUp').css(“可见性”、“可见”);
$('弹出').css(“不透明度”,1);
});
$(“.close”)。单击(函数(){
$('#PopUp').css(“可见性”、“隐藏”);
$('弹出').css(“不透明度”,0);
});
});
函数printDiv()
{
var content=document.getElementById('content').innerHTML;
var win=window.open();
赢。文件。写(内容);
win.print();//JavaScript打印函数
win.close();//打印后将关闭窗口。
}
var计数器=60;
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);
});
.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%;
宽度:1
// initialization
var counter = 60;
var timesVisited = 1;
var cookieExpirationDays = 5000;    // don't expire cookies for 5000 days
// test to see if localstorage/sessionStorage is available (localStorage has no expiration date)
if (typeof(Storage) !== "undefined") {
    counter = 60;
    timesVisited = sessionStorage.getItem("timesVisited");
    // first time
    if ((timesVisited == null) || (timesVisited < 1)){
        timesVisited = 1;
        sessionStorage.setItem("timesVisited", timesVisited);
        counter = 60;                            
    }
    // second time
    else if ((timesVisited >= 1) && (timesVisited <= 3)){
        timesVisited++;
        sessionStorage.setItem("timesVisited", timesVisited);
        counter = 45;
    }
    // third time
    else if (timesVisited >= 4){
        timesVisited++;
        sessionStorage.setItem("timesVisited", timesVisited);
        counter = 30;
    }
} 
// No localstorage/sessionStorage. Use cookies 
else {
    timesVisited = getCookie("timesVisited");
    console.log(timesVisited);
    // first time
    if ((timesVisited == "") || (timesVisited < 1)){
        timesVisited = 1;
        setCookie("timesVisited", timesVisited, cookieExpirationDays);
        counter = 60;                            
    }
    // second time
    else if ((timesVisited >= 1) && (timesVisited <= 3)){
        timesVisited++;
        setCookie("timesVisited", timesVisited, cookieExpirationDays);
        counter = 45;
    }
    // third time
    else if (timesVisited >= 4){
        timesVisited++;
        setCookie("timesVisited", timesVisited, cookieExpirationDays);
        counter = 30;
    }   
}