I’m trying to flash the individual words from within a post body, into a div one word at a time really really quickly.
var postbody = document.getElementById('postbody');
var posttext = $('#postbody').text();
var postwords = posttext.split(" ");
for (var i=0; i < postwords.length; i+=1) {
console.log(i)
setTimeout(function(i)
{
$("#flashreadword").fadeOut("slow", function (i)
{
currentword = postwords[i];
console.log(currentword)
$("#flashreadword").html(currentword);
$("#flashreadword").show();
});
}, 300);
};
asked May 17, 2022 at 3:38
1
From the little information you’ve provided, I’ve created a sandbox here, this reads the inner text of a postbody
on a click of a button then sets innertext of flashreadword
every 200ms. I’ve used async and await you can ofc set timeouts but you may have a condition of running out of sync.
import $ from "jQuery";
$("#submit").click(async () => {
var posttext = $("#postbody").text();
var postwords = posttext.split(" ").filter((x) => /[aA-zZ]|[0-9]/.test(x));
for (var i = 0; i < postwords.length; i++) {
console.log(postwords);
await new Promise((r) => setTimeout(r, 200));
$("#flashreadword").text(postwords[i]);
}
$("#flashreadword").text("ALL WORDS COMPLETED");
});
<div id="app">
<div id="postbody">
This is my text
</div>
<div id="flashreadword"></div>
</div>
answered May 17, 2022 at 4:29
AMunimAMunim
8676 silver badges13 bronze badges
Learn how to add some flash to your PowerPoint presentations with animation
Updated on November 13, 2019
With Microsoft PowerPoint, it is possible to animate text to appear on the slide either one word, one letter, or one line at a time.
Instructions in this article apply to PowerPoint 2019, PowerPoint 2016, PowerPoint 2013, PowerPoint 2010, PowerPoint for Mac, PowerPoint for Microsoft 365, and PowerPoint Online.
Make Text Appear One Line at a Time
When you have a bulleted list that you want to appear one bullet at a time during your PowerPoint presentation, animate the text so that each paragraph appears on the screen individually.
-
Create a text box and enter a bullet list or several paragraphs of text.
-
Select the text box.
-
Go to Animations and choose an animation. Choose a direction as well, if prompted.
-
Select Effect Options.
-
Choose By Paragraph.
-
Select Preview to see the animation in action.
Make Text Appear One Letter at a Time
When you want the text to look like it is being typed on the screen, animate the text so that it appears one letter at a time.
-
Select the text box that contains the text you want to animate.
-
Go to Animations.
-
Choose an animation.
-
Select Animation Pane. The Animation Pane appears on the right side of the window.
-
Select the arrow next to the animation in the Animation Pane and choose Effect Options.
-
On the Effect tab, select the Animate text down arrow and choose By letter.
To make the text appear on the slide one word at a time, choose By word.
-
Change the delay time in the % delay between letters box.
-
Select OK when you’re done.
The animation previews automatically.
Thanks for letting us know!
Get the Latest Tech News Delivered Every Day
Subscribe
Researchers are trialing technology to allow you to read up to 800 words a minute by flashing one word at a time in quick succession.
Tech startup Spritz is experimenting with the technique that aims to boost reading speed by eliminating the time it takes to move your eyes between words.
The company is partnering with the BBC on a project to test the concept on its readers in the hope it will make news consumption on phones easier.
the technology by tech firm Spritz is being tested on readers by the BBC and could allow people to scan through news at up to 800 words a minute
‘UK adults now spend more time online and consuming media each day than they do sleeping,’ the BBC’s Cyrus Saihan said.
‘We wanted to see what new technologies could be applied to make this overload of information easier for our audiences to manage.
‘The technology that we have used in our experiment works on the theory that, by showing you only one word at a time, your eyes can stay in a fixed position and so don’t have to be constantly moving whilst you read.
‘As a result, the rate at which you can read can be dramatically increased.’
The BBC wrote in its blog that moving your eyes across a block of text takes up 80 per cent of the time spent reading.
The technology puts one of the central letters of a word in red so you can focus your eyes on that one point and not move them.
The technology was designed as people increasingly consume news on their phones and watches, which have less room for text
The average person reads about 200 words a minute, but the broadcaster set up videos that allow readers to try 300, 400, and 800 words a minute.
Mr Saihan said reading one word at a time took some getting used to, but he and his colleagues found it ‘relatively easy’ after a few minutes.
He said the technology could become crucial in the future when augmented reality put floating text in the air all around us.
‘Reading large blocks of text in mid-air might not be possible. Perhaps speed reading text floating in the air, one word at a time, might become something that the children of the future consider to be the norm,’ he said.
Smart watches that have very little room for text could also be able to easily broadcast news to users one word at a time.
However, Coventry University cognitive psychologist Cyriel Diels warned the brain might not be able to keep up and eyes could become strained.
The technology puts one of the central letters of a word in red so you can focus your eyes on that one point and not move them, saving on time spent moving eyes across text
‘A big difference with normal self-paced reading is that this system-paced reading requires continuous focus and attention on the display to be able to understand any text,’ he told the Telegraph.
‘People’s ability to follow the text will be different for different people, some may be able to follow it at high speeds whereas others won’t.’
Dr Diels said if readers lost their focus at all they would miss words and not be able to make sense of the sentence, and couldn’t come back to it.
But he called the technology ‘impressive’ and said it could be useful in some circumstances, without supplanting traditional reading.
Animating text one word at a time in PowerPoint is one of the things that can be most difficult, but at the same time most interesting to do. The possibility of making texts disappear or appear or animate a word is something that helps make your presentations look better.
How to animate text one word at a time in PowerPoint?
While animating a slide is fairly straightforward, doing it with specific elements can be a bit more complicated. It will be necessary that you read the steps in this tutorial very well before making the animation, so that you can do it in the correct way.
First of all, the ideal is that you practice with a previous presentation or work on a white sheet, this way you avoid that the elements move. On the other hand, keep in mind that you must work each text box separately so that they can perk up your words.
To get started, go to «Powerpoint”, you can open the presentation in which you will make the animation or a blank one to do the test. Then you need to select the text box where the words are or create a new one and add some test text.
You may also be interested in:
Once this is done, continue by secondary clicking and selecting the text box, you must select the option «Animations». In the list that appears select «Appear», done this, you must access «Animation panel», unfolding on the right side of the screen.
In this panel, you need to click «Animations of text», you will need to click on «Animate text» and decide if it will be by words or by letters. Done this, you will have managed to animate the text with great ease. You can also use the drawing toolbar and Try different effects until you achieve a style that you like and you can even make interactive drawings.
Why animate text one word at a time in PowerPoint?
While PowerPoint animations often give a pretty pretty look, it is likely that sometimes something else needs to be done. Word animations can give a very interesting look before, in addition, they make the presentation look much more attractive and professional.
On the other hand, it is quite useful to use these animations when it is necessary to reveal data progressively, making everything easier to understand. Many people prefer these types of animations because they tend to make the text easier to read.
How necessary is it to animate text one word at a time in PowerPoint?
In general, animating elements is quite simple, but like everything, excesses are harmful to the viewing a slide. Therefore, an animation is necessary only when it does not exceed or does not make the presentation look overloaded.
Animating text one word at a time in PowerPoint can be a bit of a stretch and must be done with some care to avoid overloading the presentation. That is, the ideal is to alternate it within the same presentation and avoid it after a very flashy animation.
Also time should be used carefully, this is a vital element in many presentations and this effect usually slows things down. In addition, you must bear in mind that when preparing the presentation, animating in this way can be quite slow, therefore, you must work with time and care.
Another aspect to consider is the fact that many times this is an element that can become annoying, that is, the listener is uncomfortable waiting for the words. Therefore, this must be handled with care, in such a way that interest is not lost, avoiding that the presentation is not understood correctly.
Finally, remember that this type of animation takes a bit of practice to master, if you do not have it, discard it for now. We hope you fully understand this tutorial and manage to create animation with great skill.
You may also be interested in:
|
#1 |
I am leonid
Join Date: Oct 2008 Location: MOUNTAIN VIEW Age: 33 Posts: 8,080 |
.. and make a new sentence that is grammatically correct and has never appeared before. Start with this: The robot logs our every thought.
Last edited by leonid; 08-3-2012 at 02:59 PM..
|
|
|
|
#2 |
Celestial Harbor
Join Date: Aug 2008 Location: Celestial Harbor Age: 29 Posts: 6,369
|
The government logs our every thought __________________ Quote:
Originally Posted by Charu Only yours, for an easy price of $19.99! You too can experience the wonders of full motion rump sticking. |
|
|
|
#3 |
MYFUCKINGSOUND
Join Date: Nov 2009 Location: NJ Age: 27 Posts: 1,426 |
The robot controls our every thought. y u ninja me, yoshl
__________________ |
|
|
|
#4 |
I am leonid
Join Date: Oct 2008 Location: MOUNTAIN VIEW Age: 33 Posts: 8,080 |
When you get ninjad, please change your sentence so it follows the rule. The robot controls our every move. |
|
|
|
#5 |
caveman pornstar
Join Date: Feb 2006 Location: ridin on a unicorn Age: 32 Posts: 6,317
|
The penis controls our every move. |
|
|
|
#6 |
moonchild~
Join Date: Jan 2007 Location: . Age: 29 Posts: 7,079 |
The penis controls our every thought.
__________________ |
|
|
|
#7 |
FFR Player
Join Date: Mar 2007 Location: Calgary Alberta Posts: 805
|
The penis alters our every thought.
__________________ Quote:
Originally Posted by MrRubix Like, grind2 feels like what would happen if Dead and Direct had sex with Frictional Nevada and had a sick, warped lovechild on crack, and then that child took an epic dump on your lawn. That dump = grind2 Second Place in D4 of Popsicle_3000’s Christmas Spectacular GG Megamon |
|
|
|
#8 |
caveman pornstar
Join Date: Feb 2006 Location: ridin on a unicorn Age: 32 Posts: 6,317
|
The penis alters his every thought. |
|
|
|
#9 |
moonchild~
Join Date: Jan 2007 Location: . Age: 29 Posts: 7,079 |
The penis alters his heterosexual thought.
__________________ |
|
|
|
#10 |
(ಠ⌣ಠ)
Join Date: Oct 2007 Posts: 4,624 |
The meditatist alters his heterosexual thought. __________________ Quote:
Originally Posted by Staiain i am super purple hippo |
|
|
|
#11 |
I am leonid
Join Date: Oct 2008 Location: MOUNTAIN VIEW Age: 33 Posts: 8,080 |
The meditatist conjured his heterosexual thought. |
|
|
|
#12 |
End of the road
Join Date: Oct 2006 Location: Canada Age: 30 Posts: 3,708 |
The meditatist conjured his heterosexual friend. |
|
|
|
#13 |
I am leonid
Join Date: Oct 2008 Location: MOUNTAIN VIEW Age: 33 Posts: 8,080 |
The meditatist secretly conjured his heterosexual friend. |
|
|
|
#14 |
(ಠ⌣ಠ)
Join Date: Oct 2007 Posts: 4,624 |
The meditatist secretly conjured his heterosexual thoughts. __________________ Quote:
Originally Posted by Staiain i am super purple hippo |
|
|
|
#15 |
Digital Dancing!
Join Date: Feb 2006 Location: 76 billion club, NE Age: 30 Posts: 12,667 |
The meditatist secretly conjured his heterosexual girlfriend.
__________________ |
|
|
|
#16 |
caveman pornstar
Join Date: Feb 2006 Location: ridin on a unicorn Age: 32 Posts: 6,317
|
The meditatist secretly conjured his heterosexual penis. |
|
|
|
#17 |
FFR Player
Join Date: Mar 2007 Location: Calgary Alberta Posts: 805
|
The penis secretly conjured his heterosexual penis.
__________________ Quote:
Originally Posted by MrRubix Like, grind2 feels like what would happen if Dead and Direct had sex with Frictional Nevada and had a sick, warped lovechild on crack, and then that child took an epic dump on your lawn. That dump = grind2 Second Place in D4 of Popsicle_3000’s Christmas Spectacular GG Megamon |
|
|
|
#18 |
End of the road
Join Date: Oct 2006 Location: Canada Age: 30 Posts: 3,708 |
The leonid secretly conjured his heterosexual penis. |
|
|
|
#19 |
FFR Player
Join Date: Mar 2007 Location: Calgary Alberta Posts: 805
|
The leonid secretly touched his heterosexual penis. Had to
__________________ Quote:
Originally Posted by MrRubix Like, grind2 feels like what would happen if Dead and Direct had sex with Frictional Nevada and had a sick, warped lovechild on crack, and then that child took an epic dump on your lawn. That dump = grind2 Second Place in D4 of Popsicle_3000’s Christmas Spectacular GG Megamon |
|
|
|
#20 |
D6 FFR Legacy Player
Join Date: Jan 2009 Age: 31 Posts: 4,210 |
Mfw leonid secretly touched his heterosexual penis. |
|
|