zoukankan      html  css  js  c++  java
  • js打字机效果实现

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>打字机效果</title>
    </head>
    <body>
    <div id="HotNews">

    </div>
    <script type="text/javascript">
    var NewsTime=2000;
    var TextTime=50;
    var newsi=0;
    var txti=0;
    var txttimer;
    var newstimer;
    var newstitle=new Array(); //微博标题
    var newshref=new Array(); //微博链接
    newstitle[0]="健康是身体的本钱";
    newshref[0]="#";
    newstitle[1]="关心身体,就是关心自己";
    newshref[1]="#";
    newstitle[2]="去西藏旅游了";
    newshref[2]="#";
    newstitle[3]="大雨倾盆,很大呀";
    newshref[3]="#";
    function shownew(){
    var endstr="";
    hwnewstr=newstitle[newsi];
    newslink=newshref[newsi];
    if(txti==(hwnewstr.length-1)){
    endstr="";
    }
    if(txti>=hwnewstr.length){
    clearInterval(txttimer);
    clearInterval(newstimer);
    newsi++;
    if(newsi>=newstitle.length){
    newsi=0;

    }
    newstimer=setInterval("shownew()",NewsTime);
    txti=0;
    return;
    }
    clearInterval(txttimer);
    document.getElementById("HotNews").href=newslink;
    document.getElementById("HotNews").innerHTML=hwnewstr.substring(0,txti+1)+endstr;
    txti++;
    txttimer=setInterval("shownew()",TextTime);
    }
    shownew();
    </script>
    </body>
    </html>

  • 相关阅读:
    Samba 基础搭建
    HBuilder 打包流程和遇到的坑
    js 字符串查找相同字母最长子串
    web前端简单的H5本地存储
    rem响应式JS
    JS洗牌算法
    Js 常用正则表达式
    JS_DOM_鼠标、键盘事件合集
    SE 2014年4月3日
    SE 2014年4月2日
  • 原文地址:https://www.cnblogs.com/luoguixin/p/6147796.html
Copyright © 2011-2022 走看看