javascript - 无限循环显示迭代数据库条目
问题描述
我有 php 代码,可以从数据库中获取并显示条目。我需要在它们洗牌时显示它们,直到发生某些事情/按下按钮等。/
像这样-http ://jsfiddle.net/ZDsMa/1/
这是我的代码
<?php
$winners = [];
$conn = mysqli_connect("localhost", "admin", "admin", "lottary");
$sql = "SELECT * FROM users ORDER BY RAND() ";
$result = $conn->query($sql);
while ( $row = $result->fetch_assoc()) {
$id = $row['id'];
$firstname = $row['first_name'];
$lastName = $row['last_name'];
$points = $row['point'];
$all =$id.' '.$firstname. ' '.$lastName. ' '.$points;
?>
<input class="form-control" size="40" name="id" type="text" value="<?php echo $all; ?>">
<?php }
$conn->close();
?>
解决方案
这是 shuffle 数据库条目的 jquery 脚本,带有停止/开始按钮
<div class="demo">
<div id="roll"></div><input type="hidden" id="mid" value="">
<p><input type="button" class="btn" id="start" value="Start"> <input type="button" class="btn" id="stop" value="Stop"></p>
<div id="result"></div>
</div>
start_btn.click(function(){
$.getJSON('data.php',function(json){
if(json){
//var obj = eval(json);//By eval () function can be converted into JSON string object
var len = json.length;
_gogo = setInterval(function(){
var num = Math.floor(Math.random()*len);
//var id = obj[num]['id'];
var id = json[num].id;
//var v = obj[num]['mobile'];
var v = json[num].mobile;
$("#roll").html(v);
$("#mid").val(id);
},100);
stop_btn.show();
start_btn.hide();
}else{
$("#roll").html('System can not find the data source, first import the data.');
}
});
//_gogo = setInterval(show_number,100);
});});
stop_btn.click(function(){
clearInterval(_gogo);
var mid = $("#mid").val();
$.post("data.php?action=ok",{id:mid},function(msg){
if(msg==1){
var mobile = $("#roll").html();
$("#result").append("<p>"+mobile+"</p>");
}
stop_btn.hide();
start_btn.show();
});
});
推荐阅读
- angular - 我的核心模块如何导出另一个模块?
- jenkins - 在 Jenkins 中工作时如何在 Robot Framework 中设置默认下载目录
- python-3.x - 如何从 Google Colab 下载多个文件或整个文件夹?
- javascript - 使用 php、google 图表和 Postgresql 生成正确图形的问题
- java - Java BufferedReader 不读取文件内容
- python - python perlin 噪声程序图添加道路/河流
- swift - 指挥中心事件,仅响应无线耳机播放/暂停
- javascript - 修复图像上按钮的位置
- sql - SQL选择2列A和B,但输出A按B排序
- popup - 传单标记弹出窗口未呈现