gpt4 book ai didi

jquery - 显示基于数据库的图像百分比

转载 作者:行者123 更新时间:2023-11-28 10:49:59 26 4
gpt4 key购买 nike

我曾尝试寻找解决方案,但不确定该术语的确切名称。我正在寻找对 MySQL 数据库的 jquery ajax 调用以确定一个数字 (0-100%) 并将该数字用作百分比。使用该百分比生成实时(每 1 分钟检查一次)指示百分比是多少。

想象一下一个空杯子的图像,每 60 秒执行一次对 MySQL 的调用,并从 MySQL 检索百分比数字。该数字将使背景图像从底部开始显示。每隔 60 秒,当 MySQL 中的数字变大时,就会显示更多图像,直到玻璃杯 100% 满。

我可以处理所有需要完成的 MySQL 查询和 php,我只是不知道是否有这种风格的动画或插件的术语,或者我到底在寻找什么让图像每 60 次“卷起”一次基于 MySQL 返回值的秒数

我成功使用的是:

<html>
<title></title>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
setInterval(function() {
var a = $('#inner').height();

$('#inner').animate({ height: a + 25 });
}, 3000);
</script>
</head>
<body>
<div id="outter">
<div id="inner" style="background-color:blue; height:0px"></div>
</div>
</body>
</html>

JS Fiddle

最佳答案

你可以使用 clip属性:

var target = document.getElementById('target'),
h = target.clientHeight,
w = target.clientWidth;
setInterval(function(){
var v = h*(1-getPercentage()/100) | 0;
target.style.clip = 'rect('+v+'px,'+w+'px,'+h+'px,0)';
}, 100);

Demo

关于jquery - 显示基于数据库的图像百分比,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22024816/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com