Pourquoi est-ce que j'obtiens "X n'est pas une fonction" dans la fonction récursive suivante?

Ce que vous faites, c'est simplement de mettre setInterval dans un var, ce qui signifie que vous définissez un var pour vous souvenir de la fonction d'exécution temporelle

Il n'y a pas besoin de l'appeler car il s'exécute de quelque façon que ce soit par le flux de votre code ce que vous pourrez utiliser votre nouvelle var augmenter

Si vous voulez que cette étape soit appelée en fonction, tout ce que vous devez faire est

var increaseOpacity = function(){
    var SomeNewVarForInterval = setInterval(function () {
    // assuming your selector works, set opacity
    $(`#pano-${index}`).attr({ opacity: opacity })
    // increment opacity by step size
    opacity += step
    // if we reached our target value, stop the timer
    if (opacity >= target) {
      clearInterval(SomeNewVarForInterval)
    }
  }, time)
}

Il est préférable que vous vous souveniez toujours de setInterval dans un var si vous souhaitez l'effacer quelque part dans le futur

setInterval retourne un index d'intervalle et non une fonction.

var increaseOpacity = function() {
  // ...
   if (opacity >= target) {
     clearInterval(increaseOpacityInterval);
   }
};

var increaseOpacityInterval = setInterval(increaseOpacity);