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(''
相关热词 c#入门推荐书 c# 解码海康数据流 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池 c#5.0 安装程序 c# 分页算法