Javascript多条字符串,怎样让网页每隔一秒输出一条字符串,求大神指点

Javascript多条字符串,怎样让网页每隔一秒输出一条字符串,我是新手,求大神指点1

3个回答

 <div id="dv"></div>
<script>
    var arrWord = ['aaaaaaaaaaaaa', 'bbbbbbbbbbb', 'cccccccccc', 'ddddddddd']
    var delay = 2000;//2s输出一条,改间隔改这里,注意单位毫秒
    var index = 0;
    var dv = document.getElementById('dv');
    dv.innerHTML = arrWord[index];
    var timer=setInterval(function () {
        index++;
        if (index >= arrWord.length) {//输出完毕清除计时器
            clearInterval(timer);
            return;
        }
        dv.innerHTML += '<br>' + arrWord[index];//如果直接替换不累加改为dv.innerHTML = '<br>'+arrWord[index];
    }, delay)
</script>
将代码直接贴到html文件中,即可
<html>
    <head>
    <script type="text/javascript">
        var strings=[' Hello! ', ' my ', ' friends ','!'];//替换你要输出的字符串
        int i=0;//字符串开始输出位置,从0开始,长度小于字符串长度
        outputMsg(0,strings);//调用输出函数
        function outputMsg(i,strings){
            if(i<strings.length){
                setTimeout(function(){
                    document.body.innerHTML+=strings[i];
                    i++;
                    outputMsg(i,strings);
                },1000);
            }
        }
    //执行结果:Hello !my friends !
    </script>
    </head>
    <body >

    </body>
</html>
定义写错了一个表示,以这个为准将代码直接贴到html文件中,即可
<html>
        <head>
        <script type="text/javascript">
                var strings=[' Hello! ', ' my ', ' friends ','!'];//替换你要输出的字符串
                var i=0;//字符串开始输出位置,从0开始,长度小于字符串长度
                outputMsg(0,strings);//调用输出函数
                function outputMsg(i,strings){
                        if(i<strings.length){
                                setTimeout(function(){
                                        document.body.innerHTML+=strings[i];
                                        i++;
                                        outputMsg(i,strings);
                                },1000);
                        }
                }
        //执行结果:Hello !my friends !
        </script>
        </head>
        <body >

        </body>
</html>
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
每隔一秒钟显示一个字符串“Hello”

public class test implements Runnable{ public static void main(String args[]){ test t=new test(); Thread tt = new Thread(t); tt.start(); } public void run(){ for(;;){ try{ Thread.s

C语言:每隔一秒,动态首尾依次输出一个字符,直到全部输出

#include #include #include void Test() {     char arr1[] = "###############";     char arr2[] = "welcome to bit!";     int len = strlen(arr1);     /*int len = sizeof(arr1) / sizeof(arr1[0]);*/     in

JS每隔1秒输出一组新的随机数

JS每隔1秒输出一组新的随机数

每隔一秒输出当前时间的java代码

import java.text.SimpleDateFormat;import java.util.Date;public class DisplayTime { public static void main(String[] args) { Thread thread = new Thread(){ public void run(){ SimpleDateFormat sdf ...

PHP输出 每隔两1秒输出一个数字

<br />现在我想实现一种效果,每隔1秒输出一个数字。(因为PHP一般是等完全运行完之后,再一下输出的)。<br />for ($i=10; $i>0; $i--) { echo $i.'<br />'; ob_flush(); flush(); sleep(1); } ob_end_flush();<br />上面这段代码,可以在FF下,每隔一秒输出一个数字:<br />10<br />隔1秒<br />9<br />隔1秒<br />8<br />...

js中,设置定时器 每隔几秒刷新一次页面数据

页面加载进来,查询  然后设置定时器 每隔五秒刷新一次页面数据 fnSearch(); var interval3=setInterval(function(){      fnSearch(); },5000);     function fnSearch(){      searchjson.search=$(&quot;.iptsearch&quot;).val();     $.ajax({       ...

Java 以指定日期时间格式获取当前时间、以及每隔一秒刷新一次的方法------附带实例

趁着重装myeclipse的这会儿功夫跟大家分享一个小方法,  hope can help you guys         一、  返回当前时间字符串, 咱们要用到的类有Calendar, Date, SimpleDateFormat。       1. 先用 Calendar calendar = Calendar.getInstance();  来取得当前系统日历的一个实例

javascript一秒刷新一次显示时间

function showtime(){      var now=new Date();      var year=now.getFullYear();      var month=now.getMonth()+1;      var day=now.getDate();      var hours=now.getHours();      var minutes=now.ge

JS每隔一秒执行

&amp;lt;script type=&quot;text/javascript&quot;&amp;gt; function checkTime(){ var nowtime=Date.parse(new Date()); console.log(nowtime); } setInterval(&quot;checkTime()&quot;,&quot;1000&quot;); &amp;lt;/script&amp;gt; ...

js每隔两秒输出数组中的一项

Title arr=[1,2,3,4,5,6,7,8,9]; i=0; var t=setInterval('show()',2000); function show() { $("#time").append(arr[i]); i=i+1; /

echart,linechart,每隔一秒多显示一条线

<!-- Title --> ECharts --> var myChart= echarts.init(document.getElementById('main')); var _legend = ['邮件营销','联盟广告','视频广告']; var _series = [

javaee学习日记之java基础之多线程

多线程(两种方式实现) 一.继承Threadclass Threa extends Thread { @Override public void run() {//线程方法 ss(); } public static void ss() { for (int x = 0; x < 100; x++) { Syst

每隔一秒自动执行函数(JavaScript)

1. setInterval() ——每隔一秒自动执行方法,setInterval方法或字符串 ,毫秒,参数数组(方法的))var c=0;function showLogin(){alert(c++);}setInterval(&quot;showLogin()&quot;,&quot;1000&quot;);2.setTimeout方法:延时时间/交互时间是以豪秒为单位的(1000ms=1s)setTimeout  在执行时,是在载...

js递归调用,处理字符串,每15个换行一次

小小记录一下     function addStrLine(str)   {    return insertString(str.substr(0,15),str.substr(15,str.length),"\n");   }   function insertString(startStr,endStr,insertStr){    if(endStr.length>15)

(十)linux下用标准i/o实现格式化输出并且把时间每隔一秒输出到文件中

一格式化输出 1。int printf();格式化好的字符串放到终端输出。 2。int fprintf(FILE *stream,const char *fmt,...);可以输出到指定的流中。 3。sprintf(char *s,const char *fmt);以指定格式把字符串输出到缓冲区中。 FILE *fp char buf[64] 以指定年月日写入文件和缓冲区fpr

response 设置refresh浏览器每隔5秒刷新一次

response.setHeader("refresh", "5");

java定时器 实现2秒打印一次,1秒打印一次,循环往复

由于要求隔一段时间执行一次任务,则我们可以想到使用定时器,先介绍下定时器两种常用的方法,最后再写下2秒打印1次,4秒打印1次,然后再2秒打印1次,4秒打印1次,如此循环往复 定时器第一种方法 代码 public static void main(String[] args) { //创建定时器对象 Timer timer = new Timer()...

js实现多张图片每隔一秒换一张图片

html代码 "UTF-8"> "text/javascript" src="/plugin/jquery-easyui-1.4.3/jquery.min.js"> "background-color: pink"> "carousel" style="border:1px solid #000000; float:left; width:400px

通过for循环每隔两秒按顺序打印出arr中的数字

通过for循环每隔两秒按顺序打印出arr中的数字,本文通过4种方法实现了上述功能。

用js实现每隔一秒刷新时间(含年月日时分秒)

用JS实现每隔一秒刷新时间,原理就是使用定时器,即setInterval(fn,i),每隔i秒执行fn。 下面给出具体的代码 1.代码如下: 用js实现每隔一秒刷新时间(含年月日时分秒) #time{background:#33F; color:white; height:30px; line-height:30px; padding:20px;

Javascript图片轮播效果一秒换一个

/*增加一秒换一个的功能/运用定时器的用法。 body,div,ul,li,img{ margin: 0px; padding: 0px; } #menu{ width: 496px; margin: auto; } #head{ border: 1px solid blue; } #head img{ width: 100%; height: 30

c++实现每隔1秒钟执行一段程序

#include #include using namespace std; int getTime() { return clock()/CLOCKS_PER_SEC; } int main() { int i = 0; int lastTime = 0; while (1) { int now = getTime(); if (now - lastTim

计时器 每个一秒输出一次

#include #include #include using namespace std; int main() { while(1) { Sleep(1000); cout << "ddd"

字符串公共字符串(C++)

求两个字符串的最长公共字符串 输出全部位置信息,并输出字符串,相同字符串先输出所有位置信息在输出字符串 测试平台:XP/VS 2008 CN

第一秒输出0,然后每隔一秒分别输出1,2,3,4用for 和setTimeout

方法一:let块级作用域  for(let i=0;i&amp;lt;5;i++){ setTimeout(function(){ console.log(i) },1000*i) } 方法二:闭包 for(var i=0;i&amp;lt;5;i++){ (function(i){ setTimeout(function(){ ...

jquery计时器(隔一秒元素显示一次)

1、html<div class="box"> 我是大当家 <div class="box-inner"> 我是小当家 </div> </div>2、css.box-inner{ display: none } .box.cur .box-inner{ display: block; }3、jquery写法<script s

C语言 经典练习 输出当前时间的下一秒

输出当前的时间的下一秒 C 语言实现! #include #include #include enum DateType { YEAR, MONTH, DAY, HOUR, MINUTE, SEC, MAX, }; #define DUMMY 0 const char *g_apcCnName[MAX]={"年","月","日

javascript让for循环一秒执行一次

javascript让for循环一秒执行一次 function time(val) { for(var i = val;i&lt;7;i++) { alert(i) window.setTimeout("time("+ ++i +")",1000) break; } } time(0)

oracle 字符串分割转化为多条记录

select a.name (select COLUMNSTRJOIN(a.name)                        from cmdb_keycity a                       where a.id in                             (SELECT REGEXP_SUBSTR(a.name,                

javascript 怎么实现一行输出5个字符之后换行

js源码: script> function show(s) { var re= ''; var length = s.length; for (var i = 0,j=1; i length; i++,j++) { if (j&&j % 6 == 0) { re += '';

Javascript实现多行字符串

fn.toString()可以帮助俺们实现多行字符串的效果!!!

使用js每秒显示当前时间

&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot; /&amp;gt; &amp;lt;title&amp;gt;每秒刷新时间显示时间&amp;lt;/title&amp;gt; &amp;lt;/head&amp;gt; &amp;lt;body onload=&quot;showtime()&quot;&amp;gt;

javascript 字符串的排列与组合

不重复字符串的组合 输入 输出 没有重复值的字符串 所有可能的组合值 abc a,b,c,ab,bc,abc 思路递归的思想。一个字符串的所有组合值包含三种情况: 1. 仅包含首字母 2. 首字母+除首字母外的字符串组合值 3. 除首字母外的字符串组合值实现function getCombination(str){ if(str.length === 1){

如何将一个字符串倒序

今天到我们论坛里看到一个倒序的方法,学习了。题目是:假设我有一个字符串string s ="abcd" 我想得到它的倒序 即输出结果为 s="dcba" 请问该如何才能完成public static void main(String[] args) { String a = "abcd"; StringBuffer sb = new StringBuff

java-创建一个线程,在控制台不断输出当前时间,精确到时分秒,每隔一秒输出一次。

对其实现的一个方法是:          采用继承Thread类 重写run方法。 import java.text.SimpleDateFormat; import java.util.Date; /** * 创建一个线程,在控制台不断输出当前时间,精确到时分秒,每隔一秒输出一次。 * * @author 三一 * * @time 2018-7-18 * */ publi...

jsp页面每隔3秒刷新一次

1.新建一个Dynamic Web Project项目,里面新建一个jsp文件,整体的框架如下所示: 2.one.jsp里面的代码如下所示: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> example 该页面每隔3秒刷新一次

PHP实现每隔1秒(一秒)输出一条信息:禁用PHP缓存和web服务器(兼容Nginx、Apache)缓存、浏览器缓存

直接上代码: header('Cache-Control: no-cache');//禁用浏览器缓存 header('X-Accel-Buffering: no'); //适用于Nginx服务器环境 ob_end_flush(); //重点:禁止PHP缓存数据 set_time_limit(0); while (true) { echo "时间:".date('H:i:s',tim

js间隔几秒刷新页面

window.onload = function () {             setTimeout('myrefresh()', 10000); //指定10秒刷新一次          }         function myrefresh() {             window.location.reload();         }

每隔1秒刷新一次文本内容显示时间

// 获得文字控件 private TextView tipView = null;tipView = (TextView) findViewById(R.id.timeText);Handler handler = new Handler();//启动runnable任务han

javascript返回字符串的所有排列

需求返回一个字符串所有的排列输入:一个字符串 输出:一个包含该字符串所有排列情况的数组代码const anagrams = str => { if (str.length <= 2) { return str.length === 2 ? [str, str[1] + str[0]] : [str]; } else{ return str.split(''

oracle 将多条记录拼接成一个字符串

SELECT AJBH,        --PARENTVALUE,        LTRIM(SYS_CONNECT_BY_PATH(FPRY, ','), ',') VALUUES   FROM (SELECT T.AJBH,        NVL((SELECT a.yhxm FROM SWJCDB.Jc_Jl_Swjcryb a WHERE a.yhid=T.FPRY),T.FPR

汇编实验 字符串输出

汇编语言的字符串输出,超级简单的,请各位大神多多指教!!

【练习题】每隔1秒向文件中写入一行记录

编程读写一个文件test.txt,每隔1秒向文件中写入一行记录,类似于这样: 1 2009-7-30 15:16:42 2 2009-7-30 15:16:43该程序应该无限循环,直到按Ctrl-C终止。下次再启动程序时在test.txt文件末尾追加记录,并且序号能够接续上次的序号,比如: 1 2009-7-30 15:16:42 2 2009-7-30 15:16:43 3 2009-7-3

VOA网的关键路径求解并输出

自己编写的VOA活动网中,求关键路径并输出。 可以输出多条,并且能将每一条完整输出。

js输出单一字符字串

DOCTYPE HTML> html> body> input type="text" id="str" > input type="button" value="click" onclick="test()"> body> html> script> function test(){ //alert("123"); var str = d

Mysql中将字符串拆分成多条信息

我要将数据库中的某个字段中的值拆分成多条信息用来模糊查询。 这是我要拆分的表里面的数据  拆分语句为 SELECT substring_index(substring_index(t.OrderId,',', b.help_topic_id + 1), ',', -1) FROM zst_order_comp t         join mysql.help_topic b ON b....

c++数据结构字符串程序

数据结构字符串程序 使用c++语言编写 实现字符串的建立、比较、查找、输出、求长度 程序中的字符串已经给定

JavaScript基础小demo:用函数将字符串倒序输出

1、不用参数:var str=&quot;abcdef&quot;; // 定义str1为空字符,左右的结果都加载str后 // 注意,str1一定要在函数调用前定义 var str1=&quot;&quot;; // 调用函数 stringReve(); // 函数 function stringReve() { // 循环满足的条件:当i的值小于所求字符串的长度-1时,i...

每隔一秒读取txt文件显示在jsp页面上

pageEncoding="UTF-8"%>     String path = request.getContextPath(); String testlogPath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()+ "/testlog/"; String

字符串每四位隔一个空格

例如银行卡号每四位留一个空格         6222 0630 1085 8956 4785 130 1.java代码形式实现         String bankNo = "6222200006301085180";         char[] bankNoArray = bankNo.toCharArray();         String bankNoStr

相关热词 c#跨线程停止timer c#批量写入sql数据库 c# 自动安装浏览器 c#语言基础考试题 c# 偏移量打印是什么 c# 绘制曲线图 c#框体中的退出函数 c# 按钮透明背景 c# idl 混编出错 c#在位置0处没有任何行
立即提问