【实用随记】模拟键入效果

最新推荐文章于 2024-07-04 14:18:20 发布
最新推荐文章于 2024-07-04 14:18:20 发布
阅读量267 收藏
点赞数 
 var charIndex = -1;
    var stringLength = 0;
    var inputText;
    function writeContent(init){
    if(init){
      inputText = document.getElementById('mrcToWrite').innerHTML;
    }
        if(charIndex==-1){
            charIndex = 0;
            stringLength = inputText.length;
        }
        var initString = document.getElementById('myContent').innerHTML;
    initString = initString.replace(/<SPAN.*$/gi,"");

        var theChar = inputText.charAt(charIndex);
        var nextFourChars = inputText.substr(charIndex,4);
        if(nextFourChars=='<BR>' || nextFourChars=='<br>'){
          theChar  = '<BR>';
          charIndex+=3;
        }
        initString = initString + theChar + "<SPAN id='blink'>_</SPAN>";
        document.getElementById('myContent').innerHTML = initString;

        charIndex = charIndex/1 +1;
if(charIndex%2==1){
             document.getElementById('blink').style.display='none';
        }else{
             document.getElementById('blink').style.display='inline';
        }

        if(charIndex<=stringLength){
            setTimeout('writeContent(false)',150);
        }else{
          blinkSpan();
        }
    }

    var currentStyle = 'inline';
    function blinkSpan(){
      if(currentStyle=='inline'){
      currentStyle='none';
      }else{
      currentStyle='inline';
      }
      document.getElementById('blink').style.display = currentStyle;
      setTimeout('blinkSpan()',500);

    }

<html>
<body>
<div id="myContent">
</div>
<div id="mrcToWrite" style="display:none">
  <!--the content-->
</div>
<script type="text/javascript">
writeContent(true);
</script>

</body>
</html>

兔小几
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
AJAX 随记
10-29
在本篇随记中，我们将探讨如何结构化地创建和使用一个基础的AJAX实现。 首先，我们需要创建一个AJAX对象。在不同的浏览器环境下，XMLHttpRequest对象的创建方式有所不同。在现代浏览器中，我们可以通过`new ...
c++随记.docx
09-11
学习c++过程中的一些知识点随记，我感觉重要的就稍微记了一下，比较简略，但是快速的阅读的话可以提醒自己想起那一部分的知识点。在复习c++知识点的时候，有些帮助。
selenium中send_keys()模拟按键输入的keys类属性列表
小白的博客
07-06 3955
keys列表 #断开键 NULL = '\ue000' # 空键 CANCEL = '\ue001' # Cancel键，相当于ESC键 HELP = '\ue002' # Help键 BACKSPACE = '\ue003' # BackSpace退格键 BACK_SPACE = BACKSPACE # BackSpace退格键 TAB = '\ue004' # Tab键 CLEAR = '\ue005' # 关..
JavaScript模拟终端输出
徐奕的专栏
07-01 3223
利用JavaScript+CSS能够模拟出终端输入画面（类似于Linux终端画面）当然更好的代码也可以模拟出黑客帝国那样的输出画面。 CSS设置： height:auto表示随着输出字数的增加，界面随之向下移动，如果设置为200px则是固定大小为200像素，不能动态增加高度。 background:black表示背景是黑色，当然你也可以试试其他的颜色。 字体颜色：#00FF02绿色。 ...
JQ打字效果
weixin_30603633的博客
01-15 66
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JQ字幕打字效果</title> <style> *{margin: 0;padding: 0;} body{background-color: #00...
随记
蒙蒙细雨的博客
04-29 305
最近在看断舍离这本书，还没有看完，现在只看了“食”的这一部分，主要是作者以自己的厨房为战场，进行的断舍离，可能作者觉得这样是合理的额，但是对于别人来说，就不一定要这样做，我觉得吧，我们要学习的是作者的一种理念，怎么拥有情趣和美好的生活。 ...
【实用随记】获取键盘键入的键
mercury8862的专栏
06-16 237
function keyDown(e) {        var keycode = e.which;        var realkey = String.fromCharCode(e.which);        alert(realkey);     }     document.onkeydown = keyDown;
hexo实用技巧随记
xiaojiajia007的博客
01-29 649
关于hexo 安装hexo及主题 安装hexo，可以参考：用 Hexo 和 GitHub Pages 搭建博客 解决latex公式渲染的问题 npm uninstall hexo-renderer-marked --save npm install hexo-renderer-pandoc --save 然后到配置的主题next下的配置文件 /Users/lijia/科研&学习/gith...
三生随记——鬼影膏药
xingkong502的博客
06-05 860
他研制出了一种神奇的膏药，据说能治愈一切顽疾，但使用之后，患者往往会在夜深人静时见到恐怖的幻象，甚至有人因此失踪或丧命。一日，她在镇上的古董市场意外发现了一瓶古朴的膏药，瓶身刻有奇怪的符文，与传说中的鬼影膏药颇为相似。而那座古宅，则是林鬼影曾经的居所，他在这里炼制膏药，同时也将那些因使用膏药而死去的人的心脏作为祭品，供奉给他所崇拜的邪神。原来，那瓶膏药是由林鬼影用特殊的材料和秘法炼制而成，它确实能治愈一切顽疾，但也会让人陷入无尽的幻象中，最终耗尽生命精华而死。他们按照云游子的指示，布下了一个驱鬼的法阵。
三生随记——作家的噩梦
xingkong502的博客
06-04 1064
林浩在阁楼中发现了一本尘封的日记，日记的每一页都记载着家族成员的离奇死亡，每个死亡都伴随着诡异的现象，仿佛有某种不可言说的诅咒在作祟。女子听到李轩的来意后，一开始并不相信他的话，但当他拿出那本日记和故事草稿时，女子的脸色顿时变得苍白起来。他明白了，文字的力量是巨大的，它可以创造美好，也可以引来恐怖。他决心要用自己的笔，去书写那些能够给人带来希望和温暖的故事，让更多的人感受到文字的美好。但今晚，他的故事似乎有些不同寻常。她告诉李轩，她的家族确实曾经遭受过诅咒，但随着时间的流逝，诅咒的力量已经逐渐减弱。
三生随记——绿影之咒
xingkong502的博客
07-04 1127
绿影之树和沼泽地也成为了村庄的一部分，但它们已经不再是诅咒的象征，而是村庄的守护神和自然的恩赐。他壮着胆子走了进去，发现里面有一个绿色的祭坛，祭坛上摆放着一本古老的书籍和一些奇怪的绿色水晶。传说中，村庄的深处有一片神秘的绿色沼泽，那里的绿色异常浓郁，仿佛能吞噬一切生命。最终，在李明坚定的信念和不懈的努力下，他成功地将绿色能量击溃，解除了绿影之树的诅咒。他用手中的匕首刺入了树干的缝隙中，一股强大的绿色能量从匕首中涌出，与那道绿色光芒相互碰撞。随着诅咒的解除，沼泽地中的绿色开始消退，那些翠绿的藤蔓也逐渐枯萎。
随记统一响应结果和全局异常类
01-30
个人练习使用idea编写的项目后，总结的东西
互联网公司实习日记随记参考.pdf
07-14
互联网公司实习日记随记参考.pdf互联网公司实习日记随记参考.pdf互联网公司实习日记随记参考.pdf互联网公司实习日记随记参考.pdf互联网公司实习日记随记参考.pdf互联网公司实习日记随记参考.pdf
java随记等
05-22
根据提供的文件信息，我们可以分析出该段代码定义了一个名为 `UserRoleType` 的 Java 枚举类，用于描述不同用户角色的权限类型。接下来，我们将详细解释这个枚举类中的各个元素及其含义，并尝试理解其中的一些注释...
使用 React 和 Redux 进行井字游戏并附带源代码.zip
最新发布
07-24
项目：使用 React 和 Redux 进行井字游戏并附带源代码 使用 react 和 redux 的井字游戏是一个简单的 react 项目。整个项目都是使用 react components 和redux制作的。游戏很简单，玩法也很多。要运行此项目，您必须先安装 NodeJS。 关于项目 井字游戏反应而 redux 是使用ReactJS开发的。说到这个游戏，它具有高级功能和游戏玩法。要运行此项目，首先，您必须安装费用到您的系统。然后运行npm安装然后开始运行npm开始。游戏启动后，您可以选择不同的游戏选项。您还可以选择所需的网格框数量。此外，您还可以选择对手的类型。 要运行此项目，您需要 在计算机上安装NodeJS 并使用现代浏览器，例如 Google Chrome、  Mozilla Firefox。 演示： 该项目为国外大神项目，可以作为毕业设计的项目，也可以作为大作业项目，不用担心代码重复，设计重复等，如果需要对项目进行修改，需要具备一定基础知识。 注意：如果装有360等杀毒软件，可能会出现误报的情况，源码本身并无病毒，使用源码时可以关闭360，或者添加信任。
使用 JavaScript 编写的专注力游戏（附源代码）.zip
07-24
项目：JavaScript 中的专注力游戏（附源代码） 专注力游戏是一个使用 JavaScript、CSS 和 HTML 开发的简单项目。这款游戏很有趣。玩家必须点击移动的框并获得分数。要点击正确的位置，玩家需要在这个游戏中集中注意力。这款游戏可以帮助玩家练习以进一步增强他们的专注力。 游戏制作 这个游戏项目仅使用 HTML、CSS 和 JavaScript。说到这个游戏的特点，用户必须单击移动框并得分。游戏有三种模式：简单、中等和困难。游戏的 PC 控制非常简单。您只需使用光标单击移动框的碎片即可。 该游戏包含大量的 javascript 以确保游戏正常运行。 如何运行该项目？ 要运行此游戏，您不需要任何类型的本地服务器，但需要浏览器。我们建议您使用现代浏览器，如 Google Chrome 和 Mozilla Firefox。要玩游戏，首先，单击 index.html 文件在浏览器中打开游戏。 演示： 该项目为国外大神项目，可以作为毕业设计的项目，也可以作为大作业项目，不用担心代码重复，设计重复等，如果需要对项目进行修改，需要具备一定基础知识。 注意：如果装有360等杀毒软件，可能会出现误报的情况，源码本身并无病毒，使用源码时可以关闭360，或者添加信任。
人脸识别方案资料61EDA-C1590.zip
07-24
人脸识别方案资料61EDA_C1590.zip
316、基于DK124设计的离线式开关电源设计12V 2A（原理图、PCB图、BOM表、设计说明）
07-24
316、基于DK124设计的离线式开关电源设计12V 2A（原理图、PCB图、BOM表、设计说明） 该设计为DK124控制的开关电源，实现12V 2A输出； 功能： 1、使用DK124核心控制； 2、反激式开关电源拓扑设计； 3、实现12V 2A输出； 4、市电输入； 5、整流、滤波、变压器等电路； 6、原理图、PCB图、BOM表、设计说明；
随记洗牌发牌的C语言程序
06-06
以下是一个简单的随机洗牌发牌程序的C语言代码： ```c #include <stdio.h> #include <stdlib.h> #include <time.h> #define DECK_SIZE 52 #define SUIT_SIZE 13 int main() { int deck[DECK_SIZE]; int i, j, temp; // 初始化牌堆 for (i = 0; i < DECK_SIZE; i++) { deck[i] = i; } // 随机洗牌 srand(time(NULL)); for (i = 0; i < DECK_SIZE; i++) { j = rand() % DECK_SIZE; temp = deck[i]; deck[i] = deck[j]; deck[j] = temp; } // 发牌 printf("Player 1's hand:\n"); for (i = 0; i < SUIT_SIZE; i++) { printf("%d ", deck[i]); } printf("\n\n"); printf("Player 2's hand:\n"); for (i = SUIT_SIZE; i < SUIT_SIZE * 2; i++) { printf("%d ", deck[i]); } printf("\n\n"); printf("Player 3's hand:\n"); for (i = SUIT_SIZE * 2; i < SUIT_SIZE * 3; i++) { printf("%d ", deck[i]); } printf("\n\n"); printf("Player 4's hand:\n"); for (i = SUIT_SIZE * 3; i < DECK_SIZE; i++) { printf("%d ", deck[i]); } printf("\n\n"); return 0; } ``` 这个程序首先初始化了一个52张牌的牌堆数组，然后使用`srand`和`rand`函数来进行随机洗牌。最后，程序按照四个玩家的顺序，从洗好的牌堆中取出各自的牌，输出给玩家。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值