为我的模板创建一个JavaScript Cookie

Question

这是我的JavaScript代码

<script type="text/javascript">

function JSalert(){
    swal({   title: "Are Your age 18+!",
    type: "warning",
    showCancelButton: true,
    confirmButtonColor: "#009688",
    confirmButtonText: "Yes, Iam 18+ !",
    cancelButtonText: "No, I am not sure!",
    closeOnConfirm: false,
    closeOnCancel: false },
    function(isConfirm){
        if (isConfirm)
    {
        swal("Wellcome !", "Enjoy with us!", "success");
        } 
        else {
            swal("Hurray", "Please Go Back!", "error");
            } });
}
</script>

当我重新加载此页面时...每次都看到它：

谁能一次帮我看看！

Answer 1

显示警报时设置一个cookie。然后，如果设置了cookie，您将知道不再显示警报。如果未设置，则表明您尚未显示警报，现在应该这样做。

您可以阅读有关在JavaScript here中设置cookie的信息。

  function doOnce() {
  if (document.cookie.replace(/(?:(?:^|.*;\s*)doSomethingOnlyOnce\s*\=\s*([^;]*).*$)|^.*$/, "$1") !== "true") {
    alert("Do something here!");
    document.cookie = "doSomethingOnlyOnce=true; expires=Fri, 31 Dec 9999 23:59:59 GMT";
  }
}

<button onclick="doOnce()">Only do something once</button>