制作模态窗口只显示一次

Question

我在我网站的索引页面上使用了Bootstrap模式，但我只希望每次用户访问时显示一次。
我已经尝试了这里显示的答案：    每个用户Display A Popup Only Once Per User但我遇到的问题是javascript＆＃34; popup＆＃34;与我的模态＆＃34; onload＆＃34;冲突。而且我不确定如何解决它。

这是我的onload函数：

$(window).load(function(){
    setTimeout(function() {
        $('#onload').modal('show');},2000);
});

这是我的HTML：

 <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"  id="onload">
   <div class="modal-dialog">
    <!-- Modal content-->
   </div>
 </div>

我尝试用＆＃34; popup＆＃34;来包装整个模态div。但是这对我的网站做了一些奇怪的事情（整个页面变暗但是没有做任何事情）

我想我需要使用cookie或localStorage，但我不知道如何配置它们或从onload javascript触发它们。