javascript - 如何更改每个页面重新加载的文本

Question

对于每次重新加载，我想更改文本我该怎么做？第一次加载要显示“早安”或“晚安”。如果第一次加载它显示“晚安”，那么下次它必须要显示“早安”通过使用数学随机它随机显示所以它显示两次或三次一个文本然后另一个所以对于每个页面加载文本都想改变

以下是我的代码的骨架

Javascript代码

<script type="text/javascript" src="jquery.min.js"></script>
<script>
$(document).ready(function()
{
  var text = ["Good Morning","Good Night"];
  var x = Math.floor((Math.random()*2));
  $('#myTxt').html(text[x]);

});
</script>

HTML 代码

<form>
<div style="border: 1px red solid; height:100px; width:200px;">
   <span id="myTxt"></span>
</div>
</form>

Answer 1

您可以使用 cookie 来计算页面重新加载次数，并且可以更改每次重新加载的文本

if (getCookies("count")="")
  // first time loaded
   count = 1;
else {
 // get a variable in cookie called count
   count =   getCookies("count");
   count = count +1;
    }
 // and set count again to cookie
  setCookie("count",count );

对于 getCookie() 和 setCookie() 函数，你可以参考这个

Answer 2

$(document).ready(function()
{
  var rld_cnt=parseInt($.cookie('rld_cnt')||0)+1;
  $.cookie('rld_cnt',rld_cnt);
  var text = ["Good Morning","Good Night"];
  $('#myTxt').html(text[rld_cnt%2]);

});