0

スパンが表示されているときにこの機能を追加しようとしています。また、divが表示されたときに開始します。現在は正常に動作していますが、ページが読み込まれるとすぐに開始されます。onclick('nextMSG();') などで実行しようとして、さまざまなオプションを試してみましたが、 $(docment).onload(function){ などでも同じです

function nextMsg() {
if (messages.length == 0) {
  } else {
    $('#message').html(messages.pop()).fadeIn(500).delay(20000).fadeOut(500, nextMsg);
    return true;
}
};

var messages = [
"Downloading Video ...",
"Converting video into a web friendly format ...",
"Combining Video and Layout ...",
"Preparing email for client ...",
"Sending email ...",
"Email sent!"
].reverse();

$('#message').hide();
nextMsg();

});

現在、onclickでこれが機能しません。他のすべてが機能します。それは素晴らしい私の画像などを示しています。しかし、上記のメッセージを追加したいので、他のことをしているように見えます..もっと視覚的なものです。

<input type="image" name="submit" src="generate-button.gif" class="submit" value="Generate Mock-up" onclick="confirm('Are you sure everything is correct?');return loadSubmit();return nextMsg();"></center>


ビデオのダウンロード、変換などを行っているように見せています。

考え？

4

1 に答える 1

1

これを少し整理するための最初のアイデア:

var messages = [
        "Downloading Video ...",
        "Converting video into a web friendly format ...",
        "Combining Video and Layout ...",
        "Preparing email for client ...",
        "Sending email ...",
        "Email sent!"
        ].reverse();
        function nextMsg(){
           if(messages.length >0){      
              $('#message').html(messages.pop()).fadeIn(500).delay(20000).fadeOut(500, nextMsg);
           }else{
             $('#message').hide();
           }
      }
$(function(){
       $(".submitimage").click(function(e){
         e.preventDefault();
         nextMsg();
       }
      }); 
 });



<input type="image" name="submitimage" src="generate-button.gif" class="submitimage" value="Generate Mock-up">
于 2013-06-12T19:23:57.460 に答える