Question

需要帮助将此javascript添加到此HTML代码中（我不熟悉编码）

<img id="coin"/><br/>
<button id="toss">Toss</button><br/>
<div id="count"></div>

HTML ^

var current = 3;
var elem = document.getElementById('toss');
var intervalId = setInterval( function(){
    if( current > 0 ){
        elem.innerHTML = "<h1>" + current + "</h1>";
    } else {
        if( Math.random() > .5 ){
            elem.innerHTML = '<img src="http://csgowild.com/assets/images/terrorist.png">';
        } else {
            elem.innerHTML = '<img src="http://vignette1.wikia.nocookie.net/cswikia/images/4/4c/Csgo_CT_icon_alt.png/revision/latest?cb=20151222191721">';
        }
        clearInterval( intervalId );
    }
    current--;
}, 1000 ); // 1000 ms = 1s

Javascript ^

Answer 1

修改：使其在点击按钮时无效，而不是以下更改：我添加了一个`onclick＆＃39;事件到你的按钮，我将intervalId函数包装在另一个函数中。 setInterval，你的方式，立即激发，现在它与按下按钮相关联。

在这里，只需将它放在一个脚本标记中，就像在HTML文件中一样：

工作Fiddle

<img id="coin"/><br/>
<button id="toss" onclick=intervalId();>Toss</button><br/>
<div id="count"></div>
<script>
var current = 3;
var elem = document.getElementById('toss');
var intervalId = function() {setInterval( function(){
    if( current > 0 ){
        elem.innerHTML = "<h1>" + current + "</h1>";
    } else {
        if( Math.random() > .5 ){
            elem.innerHTML = '<img src="http://csgowild.com/assets/images/terrorist.png">';
        } else {
            elem.innerHTML = '<img src="http://vignette1.wikia.nocookie.net/cswikia/images/4/4c/Csgo_CT_icon_alt.png/revision/latest?cb=20151222191721">';
        }
        clearInterval( intervalId );
    }
    current--;
}, 1000 ); // 1000 ms = 1s
}
</script>

我想你可以从这里拿走它

欢迎使用编码，欢迎使用StackOverflow！

Answer 2

有两种方法可以包含Javascript（或CSS例如。）

1：将其直接嵌入HTML文件

<script>

    // Your code here

</script>

建议用于小代码段。如果你需要很多Javascript，第二种可能性会更有意义。

2：包含为自己的文件

您还可以将您的Javascript代码保存为 - 例如 - “script.js”并添加 HTML文件的跟随词：

<script src="/path/to/script.js"></script>

请记住使用正确的路径。

如何将Javascript插入网页

2 个答案: