JSFiddle - React, Tailwind, and code Playground
JavaScript
// 1 User picks a subset of function names as a comma seperated string.
var effectSubset = 'func4, func5, func6';
// 2 Available functions
window.func1 = function() {
$('html').append('func1');
}
window.func2 = function() {
$('html').append('func2');
}
window.func3 = function() {
$('html').append('func3');
}
window.func4 = function() {
$('html').append('func4');
}
window.func5 = function() {
$('html').append('func3');
}
window.func6 = function() {
$('html').append('func4');
}
var autoPlay = function () {
// 3 Get the user's subset of functions, turn into array
effectArray = effectSubset.split(',');
// 4 Pick random function from array
var effect = effectArray[Math.floor(Math.random() * effectArray.length)];
// 5 run the randomly picked function
window[effect.trim()]();
}
// 6 Re-run every second
var playInterval = setInterval(autoPlay, 1000);