Como ler um arquivo txt dentro de uma função e atualizar uma função a cada 1 seg.?
Oi.
Eu tenho uma página html local que será usada apenas no meu pc (sem cliente/servidor) e preciso usar uma barra para indicar o quanto falta para chegar no número máximo definido, sendo que eu tenho um arquivo txt para eu colocar o número máximo e outro arquivo txt que um programa vai incrementando o número conforme necessário.
Eu achei esse script e ele já faz a parte de poder escolher o número máximo e o atual:
<!DOCTYPE html>
<!--
Created using JS Bin
http://jsbin.com
Copyright (c) 2017 by anonymous (http://jsbin.com/tohaqupuge/1/edit)
Released under the MIT license: http://jsbin.mit-license.org
-->
<meta name="robots" content="noindex">
<html>
<head>
<link href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
<link href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.3.1119/js/kendo.all.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<div id="wrapper">
<div id="pb"></div>
</div>
<br>
<button id="recreate" class="k-button">Re-create progressbar</button>
<script id="jsbin-javascript">
$(function(){
createProgressBar(0, 100, 75);
});
$("#recreate").click(function(){
$("#pb").data("kendoProgressBar").destroy();
$("#wrapper").empty().append("<div id='pb'></div>");
createProgressBar(100, 500, 220);
});
function createProgressBar(min, max, value) {
$("#pb").kendoProgressBar({
min: min,
max: max,
value: value
});
}
</script>
</body>
</html>
Ele pode ser testado online: [http://jsbin.com/sawatobewi/edit?html,js,output](http://jsbin.com/sawatobewi/edit?html,js,output)
O problema é que nesse código eu tenho que editar manualmente a linha ** createProgressBar(0, 100, 75);** para mudar o número máximo (no caso 100) e o número atual (75).
Então eu preciso que no lugar do número 100 seja lido o conteúdo do arquivo numeromaximo.txt e no lugar do número 75 seja lido o conteúdo do arquivo numeroatual.txt
Em fóruns gringos vi um cara que queria ler o conteúdo de um arquivo txt mais ou menos desse jeito e disseram que não era possível quando o arquivo estiver numa máquina cliente, então ele resolveu renomeando a extensão de .txt para .js e chamou o arquivo de texto com um <script src="nomedoarquivo.js"></script>
Se for o caso eu posso renomear os arquivos para .js caso necessário.
Outra coisa é que esse código só atualiza o valor e a barra quando eu atualizo a página, mas eu preciso que o script atualize a barra a cada 1 segundo sem atualizar a página.
Se alguém souber como fazer essas 2 coisas eu agradeço.Discussão (2)
Carregando comentários...