Stopping the animation of the headline rotator after the first pass

Isn’t there an easier way?

No.

the headline-rotator.js file is in : enfold/config-templatebuilder/avia-shortcodes/headline_rotator/ folder.

for the newest Enfold (5.1.2) i placed that file in my pastebin.
See: https://pastebin.com/2asu1gtk
Download: https://pastebin.com/dl/2asu1gtk

so just download it from there and upload that file to your child-theme/shortcodes folder.
Or do you only work with the parent theme? Then you can overwrite that file in the parent theme original folder – but on every update this is lost.
So my recommendation is to use always a child-theme.

If you got that child-theme you can go over your dashboard – Appearance – Theme file editor : klick on “Theme Functions” – and if you have used the premade child-theme of enfold : Link this is at the beginning nearly empty.
preserve the starting line ( <?php ) and insert that snippet after that first line :

function load_child_theme_headline_rotator_script() {
   wp_deregister_script( 'avia-module-rotator' );
   wp_enqueue_script( 'avia-child-module-rotator', get_stylesheet_directory_uri().'/shortcodes/headline_rotator.js', array( 'avia-shortcodes' ), false, true );
}
add_action( 'wp_enqueue_scripts', 'load_child_theme_headline_rotator_script', 100 );

if you look to that snippet you see that the first instruction unloads the parent script – and the next line will load the child script instead.

This will not be lost on enfold updates – only if there are big changings to that element – we had to redo the procedure.

if you got ftp access – you can create your own shortcodes folder inside the child-theme folder – it is not a default folder.
then place that snippet in the child-theme functions.php :

( i think we don’t need that snippet for that – but it is a basic snippet to replace parent theme alb elements )

function avia_include_shortcode_template($paths){
  $template_url = get_stylesheet_directory();
      array_unshift($paths, $template_url.'/shortcodes/');
  return $paths;
}
add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);

If you copy an element from enfold>config-templatebuilder>avia-shortcodes to this folder it will replace the one in the parent and be used instead. You can also add new ones using the other shortcode elements as examples.

– and to be precise: if you put in a parent-theme ALB php file into that folder it replaces the parent theme file. ( the assets (css and js) files are loaded from the parent – because the path to load them are in the php files )

because we only want to replace the script file from that ALB Element – i decided to go that way via another little snippet
to unload parent script and load child-script ( i do not know if only uploading that js will work without doing this )

function load_child_theme_headline_rotator_script() {
   wp_deregister_script( 'avia-module-rotator' );
   wp_enqueue_script( 'avia-child-module-rotator', get_stylesheet_directory_uri().'/shortcodes/headline_rotator.js', array( 'avia-shortcodes' ), false, true );
}
add_action( 'wp_enqueue_scripts', 'load_child_theme_headline_rotator_script', 100 );

PS: refresh all cachings and delete expired CSS and JS files generated by the theme ( if you got merging on)

i edited the file on pastebin – since 128ff there are the changes for that typewriter case.
see: https://pastebin.com/2asu1gtk
download: https://pastebin.com/dl/2asu1gtk

just replace it with the former file – and refresh all cachings and merged files

see here working : https://enfold.webers-webdesign.de/rotator-typewriter/

by the way – i recognised with light font color on dark background the animated letters with the blinking caret looks a bit strange.
this comes not from my edited js file. i will see later what css might be responsible for it.

EDIT: Now i changed the file once again :
if you set to the headline rotator that custom class:

once
– it will stop after one cycle

if not – then you have the default behavior