for循环appendChild实时显示
for loop appendChild real time display
我想设置for循环来逐个打印消息,我只是延迟了console.log消息,appendChild消息将显示为for循环结束。我该怎么修。
以下是代码http://jsfiddle.net/wts8gb8g/
function createLogDiv(){
if(document.getElementById("log") == null){
var log = document.createElement("div");
log.id = "log";
document.body.appendChild(log);
var css = document.createElement("style");
css.type = "text/css";
css.innerHTML = "#log {width: 400px;height: 200px;background: black;position: absolute;top: 0;opacity: 0.75;color: lime;overflow: auto;text-align: left;margin-top: 46px;}";
document.body.appendChild(css);
}
}
function log(str){
var xx = document.createElement("div");
xx.innerHTML=str+"</br>";
document.getElementById("log").appendChild(xx);
console.log(str);
}
function sleep(milliseconds){
var start = new Date().getTime();
for (var i = 0; i < 1e7; i++){
if ((new Date().getTime() - start) > milliseconds){
break;
}
}
}
createLogDiv();
for(var i=0;i<5;i++){
log(i);
sleep(500);
尝试将循环更改为:
createLogDiv();
for(var i=0;i<5;i++)
{
setTimeout(function(x){log(x)},500*i,i);
}
相关文章:
- 多个JavaScript子例程的实时DOM显示
- 如何使用jquery在输入值实时更改时/如果显示警报
- 谷歌分析点击事件未显示在行为>事件仅在实时中看到>事件
- 如何使用firebase实时显示关注者数量
- 如何使时钟的显示与实时同步
- 在网页上显示实时服务器数据
- 将各种输入类型编号的值求和,并实时显示总数
- 如何在android中显示实时雅虎金融股票数据..json格式如下所示
- jQuery除非刷新,否则不显示实时数据
- 动态显示实时高图表数据,无需警报
- 悬停在地图上时如何显示实时属性
- 如何在 Web 浏览器中显示实时数据
- 在 aspx 页上显示实时时钟(使用服务器时间)
- 在浏览器中显示实时数据而不刷新
- 用于在浏览器上显示实时数据的空心饼图
- 在HTML网络应用程序中显示实时网络摄像头数据
- 如何使用ajax和PHP计算和显示实时数据库查询
- 使用文本区域在 iframe 中显示实时结果,使用 jQuery,将单独的文本区域输入添加到 iframe 头中
- 使用node.js和socket.io向用户显示实时数据
- Rails 3:从Node.js/MongoDB向用户显示实时数据