Advertisements I want to print an alert to the console if it doesn’t click a button within a certain period of time, but if it clicks it doesn’t show this alert I tried using settimeout like this but it gives a warning after clicking It’s actually a very simple method that I tried. const [clicked… Read More React notify after a certain time when button is not clicked

Advertisements This is the React code that I have for a page: function ExportViewerPage(): JSX.Element { const [hasPrinted, setHasPrinted] = useState(false); if (!hasPrinted) { setHasPrinted(true); console.log("Inside if loop, hasPrinted: ", hasPrinted) setTimeout(() => { console.log("Executing setTimeout: ", hasPrinted) }); } return (<div>Page</div>) } export default ExportViewerPage; Ultimately, the code should execute the code in the… Read More SetTimeout Firing Twice

Advertisements My api key restricts me from making more than 1 request in 5 second, so I would like to wait 5 seconds before making another request for NearbyJobs(The first request is made for PopularJobs). <ScrollView showsVerticalScrollIndicator={false} horizontal={false}> <View style={{ flex: 1, padding: SIZES.medium }}> <Welcome /> <Popularjobs /> {/* {setTimeout(() => {}, 6000)} */}… Read More I need to wait a certain amount of time before loading the next component in React Native

Advertisements Given the following code: function timer1(){ return new Promise(()=>{ setTimeout(() => { console.log("1…"); }, 1000); }) } function timer2(){ return new Promise(()=>{ setTimeout(() => { console.log("2…"); }, 2000); }) } function timer3(){ return new Promise(()=>{ setTimeout(() => { console.log("3…"); }, 3000); }) } async function timers(){ await timer3(); await timer2(); await timer1(); } timers();… Read More I want to use JavaScript async/await

Advertisements I wanted to write a simple timer that counted op by 1 in about one second intervals and (not knowing about the existence of setInterval) I wrote this: let log : boolean = true; const setLogTrue = () => { log = true; }; let timer : number = 0 while (true){ if (log… Read More Why is my setTimeout in (endless) while loop not working? (timer)

Advertisements I’m writing Javascript to play a series of repeated animations that go to the notes of a song that plays in the browser. Here is the code I currently have that works: //Determine the timing for each note played var expTimes = [0, 215, 323, 645, 860, 968, 1290…] var strumTimeout; //Loop through the… Read More How do I run clearTimeout for all timeouts inside a forEach loop?

Advertisements I have a promised based function in javascript that scrolls the web page incrementally, then scroll up to the top of the page after a brief period that uses setTimeout to delay calling callback function but it seems it is being resolved immediately. The goal is to delay the callback until the page has… Read More setTimeout is not honored when resolving callback function in a Promise

Advertisements I’m using Javascript to style a <span> tag (that is already styled in CSS to be cyan) to turn green when it is clicked, and then right back to cyan. In the CSS, its transition-duration property is set to 100ms. I don’t want Javascript to set the color back to cyan before it’s finished… Read More Is there a better way to have Javascript function wait until transition is finished than just setting `setTimeout()` to same as transition-duration?

Advertisements I was writing some code where a user would click a button and the time of the next locally-visible solar eclipse would be computed. This can be a very time-consuming calculation. So I wrote the calculation code with a couple of nested async functions, breaking all of the computations into bite-size pieces, allowing execution… Read More Does async/await execution have a higher priority than setTimeout callbacks?

Advertisements I’m new to React (and programming in general) and have come across an issue. I have created this component and using react-copy-to-clipboard package, onCopy I would like to copy a string, set copied to true and then after a couple of seconds set copied to false. When copied is true I want a div… Read More Have a function return JSX, then setState