Java教程

JavaScript 实现标题滚动效果

本文主要是介绍JavaScript 实现标题滚动效果,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

JavaScript 实现标题滚动效果

    • 实现步骤
    • 完整代码

实现步骤

  • 定义需要滚动的标题字符串
    let title = 'Nothing is impossible for a willing mind'
  • 定义实现标题滚动的函数
    function titleChange () {
      const keywords = title.split('') // 将标题转为字符串数组
      const firstChar = keywords.shift() // 取出标题中第一个字符
      keywords.push(firstChar)
      title = keywords.join('')
      document.title = title
    }
  • 开启定时器
    setInterval(fn, delay)

完整代码

    let title = 'Nothing is impossible for a willing mind'
    function titleChange () {
      const keywords = title.split('')
      const firstChar = keywords.shift()
      keywords.push(firstChar)
      title = keywords.join('')
      document.title = title
    }
    setInterval(titleChange, 500)
这篇关于JavaScript 实现标题滚动效果的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!