js实现文字闪烁并可以控制闪烁的时间，比如闪烁一分钟就停止

JavaScript07

js实现文字闪烁并可以控制闪烁的时间，比如闪烁一分钟就停止,第1张

//设置闪烁颜色

var colors = ['white','black']

//设置闪烁间隔

var frequency = 500

//设置停止时间

var duration = 60000

var text = document.createElement('p')

text.innerHTML = '这里是测试文字'

document.body.innerHTML = ' '

document.body.appendChild(text)

//设置循环间隔

var i = 0

var timer = setInterval(function(){

    text.setAttribute('style','color:'+colors[i%colors.length])

    //避免变量过大

    if(i++>colors.length)i=0

},frequency)

//设置停止时间

setTimeout(function(){clearInterval(timer)},duration)

function changeCharColor() {

    //第五行

    Text.charAt(i) //改成 text.charAt(i)

其实 navigator.appName == "Netscape" 这个判断大可不必

仅使用以下代码，各主流浏览器均可支持

text = "欢迎光临网页制作特效站"

color1 = "blue"

color2 = "red"

fontsize = "6"

speed = 100

i = 0

document.write("<div id=a></div>")

function changeCharColor() {

    str = "<center><font face=arial size=" + fontsize + "><font color=" + color1 + ">"

    for (var j = 0 j < text.length j++) {

        if (j == i) {

            str += "<font face=arial color=" + color2 + ">" + text.charAt(i) + "</font>"

        } else {

            str += text.charAt(j)

        }

    }

    str += "</font></font></center>"

    a.innerHTML = str

    (i == text.length) ? i = 0 : i++

}

setInterval("changeCharColor()", speed)