在載入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();
    });

  });