JavaScript中让Html页面中循环播放文字

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>我是标题</title>
</head>

<body>
<div id="shadow" style="position:absolute;visibility:visible;top:12px; left:12px"></div>
<div id="showstr" style="position:absolute;visibility:visible;top:10px; left:10px"></div>
<script language="javaScript">
var space=0
var word=0
var Tstr = new Array()
Tstr[0]="000000000000000000000000"
Tstr[1]="111111111111111111111111"
Tstr[2]="22222222222222222222222222"
function exportstr() {
if (space <= document.body.clientWidth) {
    showstr.innerHTML="<span id='p1' style='position:absolute;font-family:宋体;font-size:30pt;color:3399FF;clip:rect(2px "+space+"px 200px 0px)'>"+Tstr[word]+"</span>"
    shadow.innerHTML="<span style='position:absolute;font-family:宋体;font-size:30pt;color:888888; clip:rect(2px "+space+"px 200px 0px)'>"+Tstr[word]+"</span>"
    space=space+60
    var timer=setTimeout("exportstr()",60)
}
else {
    document.close()
    clearTimeout(timer)
    word++
    space=0
    if (word >= Tstr.length) {word=0}
    var intermezzo=setTimeout("exportstr()",200)
}
}
exportstr();
</script>

</body>
</html>

---------------------------

---------------------------

------------------------

JavaScript中让Html页面中循环播放文字的更多相关文章

  1. javascript 获取iframe里页面中元素值的方法 关于contentWindow和contentDocumen

    javascript 获取iframe里页面中元素值的方法 IE方法:document.frames['myFrame'].document.getElementById('test').value; ...

  2. jauery加入项目中,但是在页面中显示没有找到这个文件--springMVC框架

    遇到一件很不爽的事情,自己明明已经把jquery的文件放在了项目中,但是在页面中总是看不到效果,开发者模式提示没有找到文件,当时都要郁闷疯了,后来无意间看到了Eclipse中报的错,怎么与Spring ...

  3. ASP.NET MVC中的cshtml页面中的下拉框的使用

    ASP.NET MVC中的cshtml页面中的下拉框的使用 用上@Html.DropDownList 先记下来..以做备忘...

  4. ajax中向HTML页面中指定位置添加信息

    $.ajax({  type : "POST",  beforeSend : function() {   showLoader("数据加载中...");// ...

  5. HTML控件ID和NAME属性的区别，以及如何在asp.net页面的.CS文件中获得.ASPX页面中HTML控件的值

    在html中:name指的是用户名称,ID指的是用户注册是系统自动分配给用户的一个序列号. name是用来提交数据的,提供给表单用,可以重复: id则针对文档操作时候用,不能重复.如:document ...

  6. css和javascript代码写在页面中的位置说明

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  7. javascript动态改变当前页面中元素的状态行为

    function Datea() { var timed = document.getElementById('timed'); var t = setInterval(function TDate( ...

  8. js控制公共模板中，不同页面中的导航选中效果-判断当前的url

    用js的做法也很多.比较推荐的方法是判断当前的url,然后根据url在nav中的位置,来对nav中的某个导航增加选中样式,代码如下: <!doctype html> <html la ...

  9. vue中如果在页面中v-model的是字典，那么在定义字典的时候，需要明确定义键值为''或者[],否则给字典的键值赋值后页面不显示

    如题 在template模板中 {{}} {{form_temp.blOwnerMemberList}} #是字典的形式哦 {{}} 在return的属性中 form_temp: { blOwnerM ...

随机推荐

  1. 使用PullToRefresh插件实现ListView下拉刷新（Android Studio）

    下载PullToRefresh

  2. Tomcat配置内存和远程debug端口

    一.配置内存 在/tomcat/bin/catalina.sh 中添加: JAVA_OPTS='-server -Xms2048m -Xmx2048m -XX:NewSize=768m -XX:Max ...

  3. MapReduce 常见SQL模型解析

    MapReduce应用场景 前一阵子参加炼数成金的MapReduce培训,培训中的作业例子比较有代表性,用于解释问题再好不过了.有一本国外的有关MR的教材,比较实用,点此下载. MR能解决什么问题?一 ...

  4. 浏览器js与css文件有缓存未更新致最新版本

    这是由于编码人员频繁更改引入的资源文件,浏览器中存在缓存,当你清空浏览器缓存也无济于事时可以采用在资源文件尾部加?_MM(MM为随机参数)即可强制更新资源文件.

  5. linux命令-文件命令

    1.解压.tar文件 tar -vxf *.tar 2.把一个文件夹下的内容复制到另一个文件夹 将aaa内所有内容复制到bbb cp -a aaa/* /bbb/  * 3.复制文件时不改变文件的时间 ...

  6. plain framework 商业版 开发总结1 updated

    每天对着不同的计划,多多少少有一种无形的压力.特别是对技术不好的我来说,过程中遇到的问题实在不少,时常纠结良久.时间慢慢流逝,最后虽然感觉有些不足,但是也不至于差强人意.商业版的PF核心已经升级到1. ...

  7. 前端之web上传文件的方式

    前端之web上传文件的方式 本节内容 web上传文件方式介绍 form上传文件 原生js实现ajax上传文件 jquery实现ajax上传文件 form+iframe构造请求上传文件 1. web上传 ...

  8. js form 表达关于onpress 的一个问题

    <form id="search-form" method="get" action="/search"> <fields ...

  9. [LeetCode] Add Digits 加数字

    Given a non-negative integer num, repeatedly add all its digits until the result has only one digit. ...

  10. mysql中间件atlas配置使用

    MySQL所在机器: 192.168.16.70(Master) 192.168.16.74(Slave)      192.168.16.72(atlas)注意:主从复制需要自行配置atlas配置使 ...