在Firefox中重新加载/刷新页面后，聊天框消失

Question

我有三个单选按钮和一个提交按钮。最初在网站中会显示一个联系人框按钮，单击该按钮后，将出现这三个按钮。我们可以选择，并且需要单击其中一个。两个单选按钮用于显示弹出窗口，下一个用于显示实时聊天框。因此，我为此编写了以下代码。请参阅链接：https://pastebin.com/RgD0vuB1

我已经实现了代码。但我面临两个问题：

第一个问题:我使用了setInterval和clear interval来隐藏livechat box (隐藏它的id/class不起作用)。添加了以下代码：

===================

<script>
 var timer = window.setInterval(function(){
jQuery('#customer-chat-iframe').css("display", "none");
}, 0); 
</script>

===================

聊天最初是隐藏的。但在刷新页面时，即使我没有延迟，聊天框也会像眨眼一样显示出来，然后突然消失。我不想显示聊天框闪烁，即使是一小段时间。

主要问题：

我选择了聊天单选按钮，提交并开始聊天。聊天既有用户端也有管理员端。因此，当聊天开始时，如果我刷新页面(user end - FireFox (55.0.2) )，然后再次单击聊天单选按钮，则实时聊天框将消失。因此，在客户端，他/她不能进行进一步的聊天。但问题不在chrome。即使我们刷新页面，单击单选按钮后，聊天仍会继续，不会遗漏任何内容。你知道为什么吗？我已经为此坐了很长时间了。这段代码在Chrome上运行良好。

所以请帮帮我。

谢谢

Answer 1

你必须使用clearInterval(定时器)，然后它就会像你预期的那样工作。希望这能有所帮助。

    var timer = window.setInterval(function(){
    jQuery('#customer-chat-iframe').css("display", "none");
    }, 0); 
    window.clearInterval(timer);