Community Learn Tools Library Leisure
search
English
Home > Web Front-end > JS Tutorial > Solve the problem of jquery asynchronously refreshing at a certain time interval_jquery

Solve the problem of jquery asynchronously refreshing at a certain time interval_jquery

WBOY
Release： 2016-05-16 17:47:03
Original
906 people have browsed it

I want to refresh the pictures on a web page at a certain time interval without changing the name of the picture. I change the content of the picture on the server side. Can the front end achieve dynamic effects in this way? Does the browser have a cache?
For example, if I want to refresh the picture below asynchronously, what should I do?

Copy code The code is as follows:



The solution is to add a timestamp to prevent caching, as follows:
Copy code The code is as follows:



JScript code :
Copy code The code is as follows:

setInterval(function(){document.getElementById(' image').src='xxx.jpg?_dc=' new Date().getTime()},5000);//Update every 5s

Related labels：
Asynchronous refresh time interval
source：php.cn
Previous article：Completely using CSS to move the mouse to the picture and change the picture_Image special effects Next article：How to implement the principle of iframe upper and lower scroll bars at the bottom by default_Basic knowledge
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Generate default values ​​and CSS variables using SCSS I'm implementing website styling. For legacy support reasons, I need to support IE11, at l...
From 2024-04-06 17:46:54
0
1
355
Why does omitting 0ms sleep break my css transitions? I'm trying to implement a FLIP animation to see if I understand it correctly. In this code...
From 2024-04-06 16:29:50
0
2
490
React Three Fiber: Why are my scroll events lagging? In ReactThreeFiber, I have a React component that generates a sprite that I want to persis...
From 2024-04-06 13:39:24
0
1
410
Align tooltip to relative parent I spent two days trying to solve this problem but I realized I couldn't do it alone. I'm t...
From 2024-04-06 13:16:59
0
2
394
How to know when a Vue component is fully initialized? So, in my Vue component, I have an async created method and several variables with async w...
From 2024-04-05 14:20:24
0
1
1442
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template