Ajax-自动刷新混乱”;计数器”;
Ajax - Auto refresh messes up "counterup"
计数器脚本:(https://github.com/bfintal/Counter-Up)
<script type="text/javascript">
jQuery(document).ready(function($) {
$('.counter').counterUp({
delay: 100,
time: 1200
});
$(".knob").knob();
});
</script>
自动刷新脚本:
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('jquery', '1.4.2');
google.load('jqueryui', '1.8.8');
</script>
<script type="text/javascript">
$(document).ready(function() {
setInterval('get_counter()', 500);
});
function get_counter()
{
$('.refresh').load('user_counter.php');
}
</script>
HTML:
<h3 class="text-white"><b class="counter refresh">5</b></h3>
问题示例:https://gyazo.com/b7ad0d3ea86ca00d873f29b39124821e
我会使用$AJAX而不是加载$Ajax允许自定义回调函数
$.ajax({
type: "POST",
url: "user_counter.php",
success:function(cntr){
$('.refresh').html(cntr);
$('.counter').counterUp({
delay: 100,
time: 1200
});
}
});
相关文章:
- JQuery使计数器每次更改时都会增加
- Javascript计数器变量未显示正确的值
- 带有计数器、缩略图、进度条和淡入淡出效果的简单jQuery幻灯片
- Twitter Bootstrap 2.1.0子菜单在Responsive上看起来很混乱
- 如何在for循环中使用计数器
- 正确使用AES-CTR模式的随机数和计数器
- Javascript猜测游戏-计数器不工作
- Javascript第二计数器
- 从控制器返回到Ajax的数据混乱
- Jquery:直到寄存器打开的时间计数器
- 如何使用JavaScript创建时间计数器
- Javascript计数器问题
- 类似按钮增量计数器不工作.PHP,AJAX,MySQL,javascript
- 如何正确制作计数器angularjs
- 使用FlipClock js的404页面计数器效果
- (PHP)克隆按钮上的按钮点击计数器
- 代码战争中的算法混乱
- 困在使用RxJS删除所有计数器应用程序中
- JavaScript中的足球时钟计数器
- Ajax-自动刷新混乱”;计数器”;