获取document.getElementById（）。InnerHTML以保持更改

Question

我正在努力建立一个网站，它将散列字符串并向用户显示哈希值。我的代码如下：

<!-- HTML Part -->

<form>
String: <input type="text" name="stringToHash" value="Enter String Here"><br>
Salt/Hash cycles: <input type="integer" name="Cycles" value="Enter Cycles Here"><br>
<input type="submit" value="Submit" onclick="Input(this.form.stringToHash.value, this.form.Cycles.value)">
</form>

<h3 id='hash'>Hash will appear here</h3>

<!-- HTML Part -->

<script>

function Input(string, cycles){

    for(var i=0; i < cycles; i++){

        var string = Hash(Salt(string));

    }


    document.getElementById("hash").innerHTML=string;
    document.getElementById("hash").textContent=string;

};

</script>

这确实会根据需要更改文本，但仅限于一瞬间，所以我尝试对其进行超时但它不起作用。

function Input(string, cycles){

    for(var i=0; i < cycles; i++){

        var string = Hash(Salt(string));

    }


    setTimeout(write(string), 1000000)

};

function write(string){

    document.getElementById("hash").innerHTML=string;
    document.getElementById("hash").textContent=string;

};

修改
您可以看到网站here