Results 1 to 6 of 6

Thread: Neon Lights - delay time?

  1. #1
    Join Date
    Apr 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Neon Lights - delay time?

    1) Script Title:neon lights

    2) Script URL (on DD):http://www.dynamicdrive.com/dynamicindex10/neontext.htm

    3) Describe problem: Is there a way to control the delay time between cycles? Thanks in advance!

  2. #2
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    Code:
    var flashspeed=100  //in milliseconds
    change that number and will change the speed of the code

  3. #3
    Join Date
    Apr 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks pissa, That works for controlling the speed of the effect.
    I would really like to control the "pause" between cycles.
    I tried changing this bit---
    setTimeout(function(){cacheobj.beginneon();},1500); ---
    but I see no effect.
    Thanks for the reply, Mike

  4. #4
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    Code:
    <h2>
    <script type="text/javascript">
    
    /*
    Neon Lights Text
    By JavaScript Kit (http://javascriptkit.com)
    For this script, TOS, and 100s more DHTML scripts,
    Visit http://www.dynamicdrive.com
    */
    
    var message="Welcome to Dynamic Drive!"
    var neonbasecolor="gray"
    var neontextcolor="yellow"
    var flashspeed=100  //in milliseconds
    var intervaldelay = 2 // in seconds
    
    ///No need to edit below this line/////
    
    var n=0
    if (document.all||document.getElementById){
    	document.write('<font color="'+neonbasecolor+'">')
    	for (m=0;m<message.length;m++) {
    		document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
    		document.write('</font>')
    	}
    }
    else {
    	document.write(message)
    }
    
    function crossref(number){
    var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
    return crossobj
    }
    
    function neon(){
    
    //Change all letters to base color
    if (n==0){
    for (m=0;m<message.length;m++)
    //eval("document.all.neonlight"+m).style.color=neonbasecolor
    crossref(m).style.color=neonbasecolor
    }
    
    //cycle through and change individual letters to neon color
    crossref(n).style.color=neontextcolor
    
    if (n<message.length-1)
    n++
    else{
    n=0
    clearInterval(flashing)
    setTimeout("beginneon()",intervaldelay*1000)
    return
    }
    }
    
    function beginneon(){
    if (document.all||document.getElementById)
    flashing=setInterval("neon()",flashspeed)
    }
    beginneon()
    
    
    </script>
    </h2>
    changes are in bold.... i added a variable at the top so it can be automated, but i also bolded the place as well incase you had a different thought or you needed to customize it differently.

    right now it is set to 2 seconds which is 1/2 a second longer between intervals then was in the script

  5. #5
    Join Date
    Apr 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Dude, you ROCK! That's exactly what I was looking for for.
    And it works perfectly in Safari.
    Thanks so much responding Pissa,

    Mike

  6. #6
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    your welcome...glad i was able to help yah

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •