如何在javascript中删除2秒后自动添加的用户输入段落？
在JavaScript中，可以使用setTimeout函数来实现在一定时间后执行特定的操作。要删除2秒后自动添加的用户输入段落，可以按照以下步骤进行操作：
- 首先，需要在HTML中创建一个用于显示用户输入段落的容器，例如一个div元素，可以给它一个唯一的id，方便后续操作。
<div id="userInputContainer"></div>- 在JavaScript中，获取用户输入的段落，并将其添加到容器中。假设用户输入的段落存储在一个变量userInput中。
var userInput = "用户输入的段落内容";
var userInputContainer = document.getElementById("userInputContainer");
userInputContainer.innerHTML += "<p>" + userInput + "</p>";- 使用setTimeout函数来设置一个定时器，在2秒后执行删除操作。在定时器的回调函数中，可以通过获取容器元素并删除最后一个子元素来实现删除操作。
setTimeout(function() {
var userInputContainer = document.getElementById("userInputContainer");
userInputContainer.removeChild(userInputContainer.lastChild);
}, 2000);完整的代码如下：
<!DOCTYPE html>
<html>
<head>
<title>Delete User Input Paragraph</title>
</head>
<body>
<div id="userInputContainer"></div>
<script>
var userInput = "用户输入的段落内容";
var userInputContainer = document.getElementById("userInputContainer");
userInputContainer.innerHTML += "<p>" + userInput + "</p>";
setTimeout(function() {
var userInputContainer = document.getElementById("userInputContainer");
userInputContainer.removeChild(userInputContainer.lastChild);
}, 2000);
</script>
</body>
</html>这样，用户输入的段落将会在2秒后自动删除。请注意，以上代码仅为示例，实际应用中可能需要根据具体情况进行适当的修改和调整。
相关·内容
2回答
如何在javascript中删除2秒后自动添加的用户输入段落？
javascript、html、css
/app.js"></script></html> 待办应用程序用户在框中写一些东西(他/她的秘密)，秘密显示在屏幕上，但这是我需要的:我需要显示的段落自动删除后2秒喜欢秘密消失2秒后，你写it.even更好，如果它消失得很慢，就像哈利波特电影中的墨水消失在汤
浏览 32提问于2021-04-29得票数 0
回答已采纳
1回答
突出显示用户输入的文本- HTML、CSS
html、css
我有一个文本段落和一个输入框。用户将在输入框中键入相同的文本，如段落所示。一个例子是一
浏览 4提问于2016-01-18得票数 5
回答已采纳
3回答
如何创建动态列表，从JS中的数组中删除已删除的项？
javascript、list、dynamic-arrays
我已经创建了一个列表，它创建了一个新的段落，其中包含输入字段的值，如果按下adds，则将输入字段的值添加到数组中。每个段落都有一个delete Button，如果按下，它会在视觉上删除段落。现在，我希望段落的输入也从数组中删除。例如，假设数组用户名包括usernames1 = Lukas、us
浏览 15提问于2022-07-26得票数 0
1回答
C# Word互操作，将剪贴板粘贴到段落中
c#、interop、ms-word、clipboard、rtf
我有一个我正在制作的报表生成器，它可以在word中构建报表的开头。然后，Word将保持打开状态，以便用户继续处理报告。报表生成器从要用作段落的数据库中获取rtf。对于每个rtf，都会在文档中创建一个段落，并将rtf添加到其中。
我所读到的内容似乎暗示着，如果我想将rtf插入到word文档中，那么我将其放在剪贴板中，然后将其从剪贴板粘贴到word中
浏览 14提问于2011-09-22得票数 4
回答已采纳
2回答
Angular:在日期字段的输入类型文本中添加斜杠"/“
html、angular、typescript、angular2-template、angular2-forms
大家好，我是angular-js的新手，我想在输入type=text中添加斜杠。
我不想使用任何像angular-ui或输入类型Date这样的包。我想添加/作为用户输入的日期后，如两位数字，然后在5号，即mm/dd/yyyy格式的12/12/2012。我已经尝试了以下代码。我哪里错了，请帮帮我。=== 2 || D
浏览 1提问于2017-12-14得票数 1
2回答
如何删除仅针对页面的自动段落格式，而不是针对posts (WordPress)
php、wordpress、autoformatting
我已经熟悉了在WordPress中删除自动段落格式的这个小技巧：remove_filter( 'the_excerpt', 'wpautop' );
...however在functions.php中添加此内容将删除整个站点的段落。这不是我想要
浏览 0提问于2014-10-26得票数 5
1回答
突出显示以@开头的字符串中的单词
javascript、syntax-highlighting
有一个字符串可能包含@nickname提供的昵称。昵称可以由拼写错误的用户通过连接之前的单词来输入，如另外，昵称单词可以位于新段落的开头，因此仅使用split(' ')是行不通的。我最终想要做的是在用户输入后，突出显示字符串中的昵称，通过<span&
浏览 17提问于2021-02-20得票数 0
3回答
允许用户在数据库中添加/删除/排序字段和记录
php、jquery、mysql、jquery-ui-sortable
我正在尝试添加一些功能到我的网站，允许用户添加/删除/放置某些领域的顺序。
例如:有5个段落，我希望用户能够按他们喜欢的顺序放置这些段落，如果他们认为它们没有用处，也可以删除一些段落。我知道我将不得不使用jQuery (可排序)，但需要一些关于如何在数据库中存储此顺序/选定元素的建议(使用mysql
浏览 1提问于2013-03-19得票数 0
2回答
在Lua中，我能检测到一个值被赋值给一个表的时刻吗？
lua、variable-assignment、watch
我制作了一个交互式命令shell，它是由Lua解释器操作的。用户输入一些命令，shell调用类似于lua_dostring的东西来执行它。我希望允许用户在任意表中定义自己的函数，并将其自动保存到单独的存储(如文件)。根据使用手册，我可以通过lua_Debug获得用户输入的准确源代码。看起来可以在所有执行完成后将函数源代码保存到一些文件中<
浏览 0提问于2011-06-21得票数 4
4回答
访问文本框中的用户文本
javascript、html、textbox
我已经设置了一个HTML网页，其中包含一个文本字段、一个按钮和一个空段落。理想情况下，当用户按下按钮时，他们在文本字段中输入的文本将添加到页面上的空白段落中。我知道可以使用以下javascript行将文本添加到段落中：
document.getElementById("paragraph").innerHTML="text"
浏览 0提问于2013-01-07得票数 0
1回答
用regex从字符串中删除所有非拉丁段落。
javascript、node.js、regex
我需要从字符串中删除所有包含非拉丁字符的段落--然而，与我看到的许多答案不同的是，我也想删除这些段落中的标点符号，同时在英语段落中保留相同的标点符号。换句话说，当遇到非拉丁字符(如"ָהּ“)时，正则表达式将开始跳过包括ascii标点符号在内的所有内容，直到找到an字符为止。我尝试了下面的例子，但它错误地删除了引语<e
浏览 4提问于2021-10-20得票数 2
回答已采纳
1回答
如何在Drupal中保留输入注释的格式？
drupal、drupal-6
在我的网站：，Drupal6和我已经将默认格式设置为"Full HTML“。现在人们有时会输入长注释，当发布时，所有的换行符都会被删除，多个段落合并成一个段落。所以我要做的就是复制它并将注释粘贴到Dreamweaver的设计视图中。这将插入用户输入的br元素。
有没有办法在Drupal中自动处理这个问题？
浏览 0提问于2011-06-15得票数 0
回答已采纳
1回答
博客段落标记
java、jsp、blogs
我正在考虑通过实现段落标记的想法来使我的应用程序更有趣一些。假设我已经在我的新博客条目的'Body‘字段中输入了3段内容。是否可以对每个段落应用不同的标签？通常，我们输入的标签会标记到整个博客条目，而不是特定的段落。我怎样才能在编程中成功呢？我不知道这个问题是否与编程有关，但我需要一些指南来以一种更友好的方式实现这个“段落</e
浏览 1提问于2011-05-04得票数 0
回答已采纳
2回答
Laravel的起搏与自动加载
laravel、laravel-4、laravel-5
这可能是一个简单的问题，但我想知道如何在不对每个文件声明use语句的情况下自动添加有用的类。{ { }如果删除“使用Illuminate\Support\Facades\Input;”行的，将得到一个未找到的</
浏览 0提问于2014-09-24得票数 1
回答已采纳
1回答
Angular2 GoogleMapAPI AutoComplete错误无法读取属性“自动完成”
google-maps、angular、autocomplete
我想使用GoogleMapAPI在angularjs2和onsenUI2中自动完成，但我做不到。这是我的密码：import {
浏览 1提问于2016-11-23得票数 3
回答已采纳
1回答
如何从文本视图的NSParagraphStyle中删除attributedText属性？
ios、uitextview、nsattributedstring
问题是:一旦我将该属性指向UITextView的attributedString属性，该属性将对所有未来的类型化文本生效。我确实将该属性赋值给只包含项目点的attributedString，因此我不知道它为什么会对键入的所有其他文本生效。我想不出删除该属性的任何方法，因为它似乎不再被分配到某个范围，因为它会影响所有未来的文本。我所知道的唯一删除属性的方法是，如果属性具有指定的范围，则使用remove
浏览 1提问于2013-05-23得票数 4
回答已采纳
1回答
是否仅在onkeyevent上启用退格键？
javascript、jquery
我只需要javascript在用户开始输入文本框后自动添加摄氏度符号。var temp1 = new Value(); });
浏览 6提问于2017-01-07得票数 1
回答已采纳
1回答
无法将光标移动到空p标记
javascript、html、dom
我正在实现内容可编辑div中的enter键的功能。当用户按enter时，我创建一个新的p标记，并将它附加到文档中的位置，如果用户在段落中间按enter，则拆分节点。一切正常工作，但我发现了这个问题。如果当用户在输入后输入第一个字母时，我在没有添加内容的情况下追加一个空的p标记，则光标不会移动到这个p标记。但是，
浏览 0提问于2013-04-25得票数 1
4回答
用按钮清除内容
javascript、html
我可以将用户数据从输入字段保存到段落中，但是我想通过单击按钮删除段落的内容。"fn()">click</button> <p id="result"></p><button onclick="clear()">clear</button>
浏览 2提问于2020-03-12得票数 4
回答已采纳
5回答
Wordpress阻止javascript？
javascript、wordpress
我试着在我的Wordpress博客上创建一个新的帖子，并且粘贴了一个站点的外部代码，该站点有一个<script src="..."></script>才能工作。当我发布我的帖子时，script标签被删除了。
这是Wordpress的默认行为吗？有什么方法可以避免这种情况吗？(最好不对Wordpress进行任何修改或使用内联代码)。
浏览 3提问于2011-09-05得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
