在载入HTML页面时，将用于文本动画的JS代码从“单击”变为“自动”？

Question

我正在尝试实现此文本动画（来自https://speckyboy.com/css-javascript-text-animation-snippets/的 N.10）

所以我复制了HTML，然后CSS代码运行正常。 我摆脱了重新加载按钮，因为这需要取消。 我知道我应该将js脚本代码复制到头部以使其自动加载，但是...我不知道如何“重写”它，因此它不再是单击操作...而变成一个“正常”功能。

$(function() {
  $('.intro').addClass('go');

  $('.reload').click(function() {
    $('.intro').removeClass('go').delay(200).queue(function(next) {
      $('.intro').addClass('go');
      next();
    });

  });
})

（显然，我是从链接中获得的）我将确保使用“ .onload”使其在页面加载时运行。 这可能是一件很容易的事，但有些困惑……

我将非常感谢您的帮助！ 谢谢 ：）

Answer 1

这不是一部分

$(selector).click(function() {});

根据您的情况， 删除带框的块

$(function() {
  $('.intro').addClass('go');

  $('.reload').click(function() { $('.intro').removeClass('go').delay(200).queue(function(next) { $('.intro').addClass('go'); next(); }); }); 

})

Answer 2

如果我理解正确，则删除了重新加载按钮，但这未反映在您的js代码中。

$(function() {   $('.intro').addClass('go');   $('.intro').removeClass('go').delay(200) .queue(function(next) {       $('.intro').addClass('go'); next();     }); })

我在这里所做的是删除添加到不存在的重新加载按钮的click事件。 但是您将需要调整代码以删除go类并引起延迟。 希望能帮助到你。

Answer 3

从上将其删除，然后单击将其添加到document.ready

$(document).ready(function(){
   $('.intro').addClass('go');
   $('.intro').removeClass('go').delay(200).queue(function(next) {
      $('.intro').addClass('go');
      next();
    });

  });