Question

我有以下h1元素，它们在进入网站之前会显示一个短语：

<h1 class="intro_text1" style="display: none;position: absolute; top:60%; left: 50%;font-size: 2em;font-family: 'Stylish', sans-serif;">Have you heard about the song of Ice and Fire?</h1>
<h1 class="intro_text2" style="display: none;position: absolute; top:40%; left: 50%;font-size: 2em;font-family: 'Stylish', sans-serif;">Test2?</h1>

和使它们显示的jQuery：

$(document).ready(function() {
    $(".intro_text1").fadeIn();
    $(".intro_text1").delay(3000).fadeOut();
});

$(document).ready(function() {
    $(".intro_text2").fadeIn();
    $(".intro_text2").delay(3000).fadeOut();
});

我想随机化每次用户连接到网站时出现哪个h1，我该怎么做？

谢谢。

Answer 1

使用一些快速的随机数生成方法：

$(document).ready(function() {
  let headingIn = Math.floor(Math.random() * 2) + 1;
  let headingOut = headingIn == 1 ? 2 : 1;
  $(".intro_text" + headingIn).fadeIn();
  $(".intro_text" + headingOut).delay(3000).fadeOut();
});

随机出现哪个元素

1 个答案: