How to use requestAnimationFrame to achieve the effect of price reduction?

< span class= "price" data-price= "123.59" data-starttime= "1509809876" > 123.59
< span class= "price" data-price= "255.76" data-starttime= "1509810123" > 255.76

there are several similar forms in the list page, with a price reduction of 0.10 yuan per second, then the number in the span continues to become smaller. The current problem is that each time the first price will move, and the rest will not move. Another problem is that I use settimeout to constantly get the current time and data-starttime to determine whether the price reduction time has begun, resulting in faster and faster animation flatness of requestAnimationFrame

ask for advice

Javascript jquery

Mar.23,2021

I don't understand. For this kind of DOM operation, the update frequency is not high. Generally, requestAnimationFrame is not needed. Is it not possible to go directly through setInterval (func, 1000) ?

for only the first item price will move, it may be the wrong DOM query.

if you use jq, the approximate code is as follows:

setInterval(function() {
    var time = new Date().getTime()
    $('.price').each(function() {
        if(time > $(this).attr('data-starttime')) {
             $(this).text(parseInt($(this).text()) - 0.1);
        }
    })
}, 1000)

Previous: When a page is requested by scrapy for loop, some pages are not returned.

Next: How to do animation in react, simple, pop-up box change opacity gradually display

Ask a question about the jquery window object
I look at a html ui project with items such as: var apiserver = window[ apiserver ]; url = apiserver + "filterUrlController getUrlData"; I searched the whole project and couldn t find the value of window [ apiserver ]. How do you un...

Javascript jquery

Feb.26,2021
When the content does not appear, there is a process first?
this is the appearance that will occur when the facebook hypothetical state does not appear, and will not disappear until the content is released, and the content will be displayed. How do you do that? And he will buy it, not just a piece of film. It...

Javascript jquery php7 php

Feb.27,2021
After js variables and strings are concatenated, how can they still be variables?
under the guidance of others, modified the problem, before sent the wrong question and did not express clearly, the code is as follows. The left side of the colon can be written like this [ result$ {I} AV ]. The number is obtained by the index, but the ...

Javascript jquery Mini-Program

Feb.28,2021
Does switch have two conditions at the same time?
var url = x.php ; var get = add_x ; switch(url) { case x.php : $("-sharpmenu").show(); break; } above is only to judge what url is and what to do but can I add get judgment? Do the same thing! is the same as $( "- sharpmenu...

Switch-statement switch-control javascript jquery php

Mar.01,2021
For doubts about the event, please look at the code.
var $buttom=[]; function addBtn() { var $dom = $( <button> + iPP + < button> ); $dom.on( click ,function(){ console.log($(this).html()); }); $buttom.push($dom); $.each($buttom,function(i,n){ ...

Javascript jquery event-binding

Mar.01,2021
How to solve the problem that cannot be displayed after jquery generates DOM append? (this question contains 2 questions)
recently I have been practicing making a pop-up box, = [part 1] = put the code first: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compa...

Dom html javascript jquery

Mar.01,2021
How does php value to js?
I introduced menu.js " on the web site. <script type= text javascript src="js menu.js">< script> $abc = 123 ; <script type= text javascript src="js menu.js">< script> but suppose I have a value on ...

Html5 javascript jquery php7 php

Mar.02,2021
The dom of jq's ajax append has no style after using the TouchSlide plug-in
jq s ajax append after using the TouchSlide plug-in causes the class defined by TouchSlide to have no style now it s like this width0pxbdclass ajax ...

Javascript jquery

Mar.02,2021
How to use js to simulate text as a password type?
since my website does not use https, to access the login page of my website under firefox, firefox will clearly indicate that the link to this site is not secure and the login information entered will be stolen. I would like to ask, how can I change t...

Front-end-performance front-end html5 javascript jquery

Mar.02,2021
After the foreach number is changed, how can I import the value if I choose to be editable in the same account?
<?foreach ($region_get_all->regions as $key):?> <?endforeach;?> suppose I get multiple numbers via foreach what I want to do is that when the user selects the "edit " data , I will show the div that there will be data , and wil...

Foreach jquery-ajax javascript jquery php

Mar.02,2021
How do you write mouseenter, leave?
$(".help_cover").mouseenter(function(event) { $(".layout_help_cover").fadeIn(); }); $(".help_cover").mouseleave(function(event) { $(".layout_help_cover").fadeOut(); }); how can I write this code? I think this ...

Jquery-event javascript jquery

Mar.03,2021
How jquery converts multiple identical forms into json arrays.
for example, there is a requirement that a person can add multiple internships, and I can click a button on the page to add form, for multiple internships. The content of this form is the same, and so is class. The json format of each form is {Id: "1 ...

Javascript jquery json

Mar.03,2021
Loading encountered a problem, how to end the loading, can jump out of the function do not run the code?
my code structure is like this I think after on load, besides fadeOut, the js function on also stops and stop running. how can this be written? Update $(document).ready(function () { $(".pageloading").show(); var curIndex=0; ...

Javascript jquery jquery-event

Mar.04,2021
Use the button to send out the list, but what about the click event?
list of submit-sharpadd_form when ctrl+s or command+s is pressed $(window).bind( keydown , function(event) { if (event.ctrlKey || event.metaKey) { switch (String.fromCharCode(event.which).toLowerCase()) { case s : event.preventDef...

Jquery-ajax ajax jquery-event javascript jquery

Mar.04,2021
There are two navigation switches on the page, how to avoid gaps in the switch?
here is my method, which I think is too bulky and doesn t work well: $(function(){ $( body ).scrollspy({target: -sharpproductDetailsNav }); $(window).scroll(function() { ...

Javascript jquery

Mar.05,2021
How to limit the display of only 10 news headlines after loading the list of news headlines in json
how to limit the display of only 10 news headlines after loading the list of news headlines in json? Because there are hundreds of pieces of news information in the json file, how to make it display only 10 pieces of news? <!DOCTYPE html> <htm...

Javascript jquery

Mar.05,2021
Js implements single selection and multiple selection, and one of the options can expand more content.
mainly want to achieve a single multiple selection function, need to be met at the same time: 1, click any option can be selected, unchecked; 2, click custom option, can expand more content; 3, click other options, can hide more content because of cl...

Javascript jquery

Mar.06,2021
For loops json data to html for repeated output
var data = { "message":"", "error":"false", "human":[ { "title":"", "title_r...

Json javascript jquery

Mar.06,2021
After the mobile page is loaded, the input automatically gets the focus and pops up the soft keyboard automatically. How to eject? the ios automatically gets focus failure.
such as the problem, the need is that after the page is loaded, the input automatically gets the focus and the soft keyboard pops up automatically. The problem now is: 1. Unable to pop up soft keyboard 2.ios iPhone browser cannot automatically get foc...

Javascript jquery web Mobile-web Mobile

Mar.09,2021
Change the css Fortress platoon to X, press X and then change it back to Fort Platoon?
the css action has always been a part of what I want to learn. there are great gods who can share how to change the Fortress platoon to X, press X and then change it back to Fort platoon? https: www.snapchat.com snapchat mobile version has the s...

Javascript jquery css3-Animation css3 css

Mar.09,2021