Pause onmouseover()

robert_gsfame · April 1, 2010

I have this script to rotate the text, but as i am still newbie ...i wish to have the rotation pause for a while when hover...can somebody help me..below is my code

var rotatingTextElement;

var rotatingText = new Array();

var ctr = 0;

function initRotateText() {

rotatingTextElement = document.getElementById("textToChange");

rotatingText[0] = rotatingTextElement.innerHTML; // store the content that's already on the page

rotatingText[1] = "Ten Reason to Buy Gumballs";

rotatingText[2] = "White House bla bla";

setInterval(rotateText, 5000);

}

function rotateText() {

ctr++;

if(ctr >= rotatingText.length) {

ctr = 0;

}

rotatingTextElement.innerHTML = rotatingText[ctr];

}

window.onload = initRotateText;

</script>

this is my html code

<span id="textToChange">New Release... Leopard</span>

thanks for any helps

Psycho · April 1, 2010

<html> 
<head>

<script type="text/javascript">
var rotatingTextElement;
var rotatingText = new Array();
var ctr = 0;

var rotateTime = 5000;
var rotateTextProcess;

function initRotateText()
{
    rotatingTextElement = document.getElementById("textToChange");
    rotatingText[0] = rotatingTextElement.innerHTML; // store the content that's already on the page
    rotatingText[1] = "Ten Reason to Buy Gumballs";
    rotatingText[2] = "White House bla bla";
    startRotateText();
}

function startRotateText()
{
    rotateTextProcess = setInterval(rotateText, rotateTime);
}

function pauseRotateText()
{
    clearInterval(rotateTextProcess);
}

function rotateText()
{
    rotatingTextElement.innerHTML = rotatingText[++ctr%rotatingText.length];
}

window.onload = initRotateText;
</script>

</head> 
<body> 

<span id="textToChange" onmouseover="pauseRotateText()" onmouseout="startRotateText()">New Release... Leopard</span>

</body>
</html>

robert_gsfame · April 2, 2010

Thanks a lot mjdamoto!!!! Really appreciate your helps!!! THX SO MUCH!!!

Sign In

Pause onmouseover()

Recommended Posts

robert_gsfame

Link to comment

Share on other sites

Psycho

Link to comment

Share on other sites

robert_gsfame

Link to comment

Share on other sites

Archived

Browse

Activity

Important Information