js文字滚动效果

function (global) {
  var logo = document.getElementById(‘logo‘);
  var text = document.createTextNode(‘‘);
  logo.appendChild(text);

  var str = "Welcome to FoOTOo Lab";
  var timer = setInterval(writer, 100);
  var count = 0;

  function writer() {
    if (count == str.length)
      return clearInterval(timer);
    text.textContent += str[count];
    count++;
}

HTML DOM setInterval() 方法

定义和用法

setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

语法

setInterval(code,millisec[,"lang"])
参数 描述
code 必需。要调用的函数或要执行的代码串。
millisec 必须。周期性执行或调用 code 之间的时间间隔,以毫秒计。

返回值

一个可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值。

时间: 2024-08-30 01:27:56

js文字滚动效果的相关文章

js文字滚动效果实现

<!doctype html> <html> <head> <meta charset="utf-8"> <title>字幕横向滚动</title> <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script> <style> ul,li{ margin: 0; padding

简单的文字滚动效果

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style type="text/css">

iOS文字滚动效果 之纵向滚动

原文链接: iOS文字滚动效果 之纵向滚动 简书主页:http://www.jianshu.com/users/37f2920f6848 Github主页:https://github.com/MajorLMJ iOS开发者公会-技术1群 QQ群号:87440292 iOS开发者公会-技术2群 QQ群号:232702419 iOS开发者公会-议事区   QQ群号:413102158

Flash 开发环境搭建和文字滚动效果实例

一.Flash 开发环境搭建 Flash发布的时候可以将资源(即将库中的元件)集成到swf运行文件中.Flash没有代码自动输入补全功能,因此需要一个英文一个英文手工输入,这样要记住很多系统类和方法.而FlashDevelop由代码自动输入补全功能,防止输入过程中出现错误,并提高代码编写效率,使我们将注意力集中到逻辑代码编写中. 1.安装Flash CS3或CS4.CS5. 我安装的是Flash CS4 下载Flash CS4.点击下一步.下一步就可以. 2.安装FlashDevelop, 安装

iOS文字滚动效果 之横向滚动

原文链接: iOS文字滚动效果 之横向滚动 简书主页:http://www.jianshu.com/users/37f2920f6848 Github主页:https://github.com/MajorLMJ iOS开发者公会-技术1群 QQ群号:87440292 iOS开发者公会-技术2群 QQ群号:232702419 iOS开发者公会-议事区   QQ群号:413102158

js实现滚动效果

滚动效果通过setInterval定时函数去实现的,setInterval定时让ul每过一段时间就移动,移动其实是left的值在变大,让ul移动的必须让这个div是绝对定位的,这样left属性就会起效果,然后让div的left值越来越大,这样ul就在移动.实现移动后复制ul,让后面的1234隐藏起来,这样当前面的方块1消失,会从后面的方块1里出现,但是当后面的方块全走完,发现看不到滚动.这里就需要我们做一些处理了,当后面的方块1滚到最左边的时候,前面的1234其实是全消失了的.这时我们就把方块重

JS文字翻滚效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

js文字升降效果

其实这效果用css3的animation就能办到,不过这里就当熟悉js的操作吧! 效果图如下: html部分: <div class="box"> <div id="shengjiang"> <p><span color="#ff0">一行文字</span></p> </div> </div> .box这层div可以不用加,这里只是作为子绝父相的父元素

HTML文字滚动效果&lt;marquee&gt;

<marquee></marquee> 属性:(1)behavior:设置滚动方式 a)alternate:在边框之间来回滚动 b)Scroll:循环滚动(由一端滚向另一端,会重复) c)Slide:只滚动一次 (2)direction:设置滚动的方向 a)down:从上向下滚动 b)Left:从右向左滚动 c)Right:从左向右滚动 d)Up:从下向上滚动 (3)scrolldelay:设置滚动的延时,单位是毫秒,值越大,延时越大 (4)Scrollamount:设置滚动的速度