Question

我正在编写一个自动“键入”文本块的jQuery程序。我试图让用户重新启动功能“清除文本并重新启动功能”我不知道该怎么做。这是代码：

var char = 0;
var caption = "";
var standby

// initiate the Cursor

$(document).ready(function() {
    setInterval ( "cursorAnimation()", 600);
});

// initiate the Text

$(document).ready(function() {
    $('#abouttext').aboutText();
});


// The typing animation

function aboutText() {
    $('#abouttext').html(caption.substr(0, captionLength++));
    if(captionLength < caption.length+1){
        setTimeout("type()",50);
    }else{
        captionLength = 0;
        caption = "";
    }
}

// The Restart Button

function restart() {
    $('#restartbtn').click(function () {
        var typing = $('#abouttext');
    }
        typing.stop();



// The cursor animation

function cursorAnimation() {
    $('.cursor').animate({
        opacity : 0
    }, "fast", "swing").animate({
        opacity : 1
    }, "fast", "swing");
}

我猜你必须用stop（）停止这个功能;然后重启整个事情。但我不知道该怎么做。任何帮助都是极好的。 -Thanks！

Answer 1

因为您正在使用间隔，所以将该间隔保存到更全局范围的变量中：

var typeThings = setInverval(function() { 'your func here' }, 50);

这样，在“重启”按钮上单击即可：

clearInterval(typeThings); // stop the typing
$('#abouttext').html(''); // clear original text
callYourOriginalFunction(); // call the function again

希望有所帮助！

重启jQuery函数。的onClick

1 个答案: