如何在Javascript中创建一个带有倒计时计时器的随机文本生成器?

Question

所以，我试图使用数学在Javascript中创建一个随机文本生成器。地板和数学。随机的，我也使用Javascript将其与倒计时计时器结合起来。但是，倒计时值为<= 0后的结果不会出现我在函数中设置的随机文本。

实际上，它似乎没有定义。解决方案是什么?我创建的脚本如下:

<button id="btn" style="background-color:red;width:30px;height:30px;"></button>
<script>   
var timer = 5;  
var id;
function create_random_string(string_length){
var random_string = 'X-';
var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890'
for (var i, i=0; i < string_length; i++){
random_string += characters.charAt(Math.floor(Math.random()  * characters.length))
}
}
function starButton() {
this.style.display = 'none';  
id = setInterval(function () { 
timer--; 
if (timer <= 0) {
clearInterval(id);
document.getElementById("script").innerHTML = create_random_string(5);
}  else { 
document.getElementById("script").innerHTML = timer + " seconds to get Code"; 
} }, 1000); 
};  
var clickbtn = document.getElementById("btn");  
clickbtn.onclick = starButton; 
</script>
<div id="script"></div> 

Answer 1

您的函数没有返回任何内容。如果你不返回函数值，它将如何得到它!现在检查一下。

var timer = 5;  
var id;
function create_random_string(string_length){
debugger;
var random_string = 'X-';
var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890'
for (var i, i=0; i < string_length; i++){
random_string += characters.charAt(Math.floor(Math.random()  * characters.length))
}
return random_string;
}
function starButton() {
this.style.display = 'none';  
id = setInterval(function () { 
timer--; 
if (timer <= 0) {
clearInterval(id);
document.getElementById("script").innerHTML = create_random_string(5);
}  else { 
document.getElementById("script").innerHTML = timer + " seconds to get Code"; 
} }, 1000); 
};  
var clickbtn = document.getElementById("btn");  
clickbtn.onclick = starButton;

<button id="btn" style="background-color:red;width:30px;height:30px;"></button>
<div id="script"></div>