扫码关注官方订阅号
我有一个页面看起来像这样:
box set
我想知道是否有一种方法可以随机插入一个div class为"percentx"(1-100之间的随机数),这样当页面加载时,它会看起来像:
然后每60秒更改一次:
关于这个主题:
$('.percent').each(function () { var x = Math.floor((Math.random() * 100) + 1); $(this).text(x) });
老实说,我不知道如何修改这段代码以满足我的需求,任何帮助将不胜感激。
看一下你提供的代码片段,你可以使用$('div[class*="percent"]')来选择包含子字符串'percent'的类名。如果你希望每个div的随机百分比是唯一的,我建议使用ID名称。否则,下面的解决方案将每60秒覆盖包含'percent'的所有类名,并将其替换为'percentx',其中x是随机生成的数字。希望这能帮到你!
$('div[class*="percent"]')
<div class="percent"></div> <div class="percent"></div> <div class="percent"></div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script> setInterval(function() { $('div[class*="percent"]').each(function () { var x = Math.floor((Math.random() * 100) + 1); $(this).attr('class', 'percent' + x); }); }, 60000); </script>
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
看一下你提供的代码片段,你可以使用
$('div[class*="percent"]')来选择包含子字符串'percent'的类名。如果你希望每个div的随机百分比是唯一的,我建议使用ID名称。否则,下面的解决方案将每60秒覆盖包含'percent'的所有类名,并将其替换为'percentx',其中x是随机生成的数字。希望这能帮到你!<div class="percent"></div> <div class="percent"></div> <div class="percent"></div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script> setInterval(function() { $('div[class*="percent"]').each(function () { var x = Math.floor((Math.random() * 100) + 1); $(this).attr('class', 'percent' + x); }); }, 60000); </script>