robert_gsfame Posted April 1, 2010 Share Posted 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 <script type="text/javascript"> 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 Quote Link to comment https://forums.phpfreaks.com/topic/197199-pause-onmouseover/ Share on other sites More sharing options...
Psycho Posted April 1, 2010 Share Posted 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> Quote Link to comment https://forums.phpfreaks.com/topic/197199-pause-onmouseover/#findComment-1035470 Share on other sites More sharing options...
robert_gsfame Posted April 2, 2010 Author Share Posted April 2, 2010 Thanks a lot mjdamoto!!!! Really appreciate your helps!!! THX SO MUCH!!! Quote Link to comment https://forums.phpfreaks.com/topic/197199-pause-onmouseover/#findComment-1035742 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.