javascript - 1 ページで同じ JavaScript 関数を 2 回使用する

Question

このサイトで JavaScript 関数を使用して、画像のスライドショーを表示しています。しかし、JavaScript関数をコピーして、たとえば「Bremsen」に使用しようとすると。うまくいきません。とにかく、両方のアニメーションが同時に機能するように、JavaScript に ID を与えることができますか?

Answer 1

正当な理由を提供せずに、人々があなたの質問にひどく反対票を投じて申し訳ありません! （これはエチケットが悪いです）しかし、指定されたリンクのjavascriptは適切に記述されておらず、モジュール性の欠如により、実際には単一のページで複数回使用することができません.

各 Javascript 関数には (特定の名前空間内で) 一意の名前が必要ですが、この例では、両方とも「slideit」と呼ばれる 2 つの関数を定義しようとしています。

ここからこの仕事を効果的に行う方法を説明できるとは思いません。javascript を適切にコーディングする方法を学ぶ必要があります (オブジェクトに情報を使用および保存し、関数に変数を渡す方法を学びます)。

基本を学ぶことから始めて、仕事をすばやく (比較的) 簡単に完了するための多くの便利な機能へのアクセスを提供するjQueryなどのフレームワークの使用法を学びます。

Answer 2

問題は、同じ変数を使用していることだと思います。現在、解決策は、関数のすべてのインスタンスで使用している変数の名前を次のように変更することです。

var stepX=1
function slideitX(){

document.images.slidee.src=eval("imagee"+stepX+".src")
if (stepX>5)
stepX++
else
stepX=1

setTimeout("slideitX()",3000)
}
slideitX()

しかし、それは良い習慣ではありません。@killercowukに同意します