个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我有一个从 0 到指定数字的计数器 - 我认为这非常有效。随着数字的增加，div 高度的背景颜色也应向上动画以达到计数器的百分比。
因此 50% Counter 也应该为 div 高度的 50% 处的绿色背景设置动画 - 所有这一切都同时以相同的速度同步，同时停止和启动。
我这里有我的 fiddle 代码 - 但我知道它不能完美运行并且代码有点分离。 http://jsfiddle.net/QGNKt/3/
有人可以指导我稍微清理一下吗？我在写轨道上吗？协助修改 JSFiddle 代码会很有帮助。我知道我可以用我没有的代码让它工作——但代码似乎是分开的——也许我现在有的会做——哈哈
<head>
<style type='text/css'>
#container {
position: relative;
overflow: hidden;
height: 50px;
width: 50px;
}
#green {
height: 500px;
width: 50px;
background: #090;
position: absolute;
top: 50px;
left: 0;
}
</style>
<script type='text/javascript'>//<![CDATA[
$(window).load(function () {
function createCounter(elementId, start, end, totalTime, callback) {
var jTarget = jQuery("#" + elementId);
var interval = totalTime / (end - start);
var intervalId;
var current = start;
var f = function () {
jTarget.text(current);
if (current == end) {
clearInterval(intervalId);
if (callback) {
callback();
}
}
++current;
}
intervalId = setInterval(f, interval);
f();
}
jQuery(document).ready(function () {
createCounter("counterTarget", 0, 50, 2000, function () {
//alert("finished")
})
})
//]]>
$(document).ready(function () {
$('#green').animate({
top: 30
}, 2300, function () {
//$('#button').val('down');
});
});
});//]]>
</script>
</head>
<body>
<h1 style="font-size: 135px" id="counterTarget"></h1>
<h1 class="f-l">%</h1>
<div id="container" style="border: Red solid 1px;">
<div id="green"></div>
</div>
</body>
最佳答案
我整理了你的代码，整理了一下。您是否尝试过为进度条等使用预制解决方案？看看Twitter Bootstrap .
关于javascript - 具有背景颜色动画的 Jquery 计数器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15983211/
25
4
0
我在leetcode上看到这段代码，是一道求众数的题，下面是题目描述: 给定一个大小为 n 的数组，找到多数元素。众数元素是出现次数超过 ⌊ n/2 ⌋ 次的元素。 你可以假设数组是非空的并且多数元素
每次在 JavaScript 中执行特定操作时，例如: $(function() { $('#typing').keyup(function () { switch($(this)
我一直在为网页设计一个计数器，但我一直被这个我无法解决的功能所困扰。 我有一个 4 个 div 的计数器，因为其中两个是小数字，另外两个是大数字，所以第一个运行得很快，我看不到它们的功能。 有人知道如
我已经在文档中进行了一些搜索，并在网上花了一段时间，但找不到解决方案!我希望警报告诉我单击 .thumb 时它处于each() 的哪一次迭代。 EG:有六个.thumb，我点击数字3，浏览器弹出3!
在 Handlebars 中，假设我有 names 的集合.我能怎么做 {{#each names}} {{position}} {{name}} {{/each}} 在哪里 {{position}}
这个问题在这里已经有了答案: Numbering rows within groups in a data frame (9 个回答) 4年前关闭。 我们如何在数据帧的每组中生成唯一的 ID 号？以下
我正在努力解决以下问题。我希望为给定的“一”序列创建一个计数器。例如，我有以下内容: 1 1 1 1 0 0 1 1 1 0 0 1 1 1 1 鉴于该序列，我希望为 1 的每个序列设置一个计数器直到
我正在努力解决以下问题。我希望为给定的“一”序列创建一个计数器。例如，我有以下内容: 1 1 1 1 0 0 1 1 1 0 0 1 1 1 1 鉴于该序列，我希望为 1 的每个序列设置一个计数器直到
我有一个jsfiddle here 这是一个简单的 JavaScript 函数，可以计算出设定的数字。 是否可以进行这种计数，但也保留一位小数 所以它算 1.1、1.2、1.3 等。 func
我正在构建一个计数器，当我按下鼠标时，它应该增加到 maxValue 并且减少不超过 0。我还可以选择将计数器重置为其初始值:0。另外，如果 maxValue 是偶数，它应该计数到该数字。但是，如果
所以我成功地为字母和单词构建了其他计数器，但现在我只能用这个来计算句子。我的代码如下，当我运行它时，它会返回很多错误消息: #include #include #include int main
Closed. This question is off-topic。它当前不接受答案。
我需要一个计数器，它会随着某些任务的完成而递增。我们只需要最后一小时的值，即窗口将移动而不是静态时间。 解决此问题的最佳方法是什么？我能想到的一种方法是拥有一个大小为 60 的数组，每分钟一个，并更新
我希望使用计数器来为我提供独特的引用系统。我想单击一个按钮，然后检查一个字段/文件中的最后一个数字，然后简单地向其添加 1，然后将其插入到屏幕上的字段中？ 不确定执行此操作的最佳方法或具体如何执行此操
我有一个用 php 制作的表格，在该表格内我显示了数据库中的一些内容。我在每个 td 中创建了一个简单的按钮(类似于 Like)，我希望每次点击它都会增加 1。这是带有按钮的行: echo "
如何将数据库中的值转换为可用于 if else 函数的 int 值？ 例如:在我的数据库“armnumber = 3”中，如何在 if else 函数中使用它？ 代码 string myConnect
我需要生成唯一的“ids”，问题是，它只能在 1 - 99999 之间。 “好”的是，它仅在与另一列组合时必须是唯一的。 我们有组，每个组都有自己的“group_id”，每个组都需要类似 unique
有这个简单的代码: UPDATE counter SET c= c +1 where id = 1; 并且它在开头的 c 字段中为 null 的情况下不起作用。它只有在已经输入了一些数字时才有效，也就
我正在尝试在 python 中构建一个具有闭包属性的计数器。以下工作中的代码: def generate_counter(): CNT = [0] def add_one():
我使用 CSS 来计算 HTML 文档中的部分: body {counter-reset: sect;} section:before { counter-increment: sect;
我是一名优秀的程序员,十分优秀！