JsFiddleをiFrameとしてHTMLに埋め込むにはどうすればよいですか？

これは私が結果として私のウェブサイトにJsFiddleを埋め込むときに何が起こるかです：JsFiddleをiFrameとしてHTMLに埋め込むにはどうすればよいですか？

http://i.imgur.com/JkDefod.png

私は何をすることができ、私の埋め込まれたJsFiddleのみ実行中のプログラムではなく上に余分なテキストが表示されるように？ここで

は私JsFiddleコードです：

var handler = function() { 
 
    if (--sec < 0) { 
 
    sec = 59; 
 
    if (--min < 0) { 
 
     min = 0; 
 
     sec = 0; 
 
    } 
 
    } 
 
    var min1 = "0" + min + "m"; 
 
    var min2 = min + "m"; 
 
    var sec1 = "0" + sec + "s"; 
 
    var sec2 = sec + "s"; 
 
    document.getElementById("time").innerHTML = (min < 10 ? min1.fontcolor("red") : min2.fontcolor("red")) + ":".fontcolor("red") + (sec < 10 ? sec1.fontcolor("red") : sec2.fontcolor("red")); 
 
}; 
 
var sec = 0; 
 
var min = 15; 
 
handler(); 
 
setInterval(handler, 1000);

<div id="worked"></div> 
 
<h1 style="text-align: center;"><span style="color: #ff0000;"><strong>Offer Ends In:</strong></span></h1> 
 
<h1 id="time" style="text-align: center;">&nbsp;</h1>

出典

2017-05-03 Wizard7611

あなたがちょうどまっすぐにあなたのページにコードを追加しないのはなぜ？ – IiroP

あなたが直接あなたのページにこのコードを追加、またはJsFiddleを使用すると、埋め込ま、次のように行うことができます。

<div class="someClass"> 
<script async src="//jsfiddle.net/DiogoBernardelli/vuc85mok/embed/result/"></script> 
</div>

そして、これをあなたのスタイルシート（.css）ファイルに追加してください：

.someClass iframe { 
height: 200px //you can manually change this height 
}

出典

2017-05-03 04:59:10

あなたのWebページにこのカウントダウンタイマーだけを追加したい場合は、divの後にタグにJSコードを追加してみてはいかがですか？このような

何か：

<body> 

<div id="worked"></div> 
<h1 style="text-align: center;"><span style="color: #ff0000;"><strong>Offer Ends In:</strong></span></h1> 
<h1 id="time" style="text-align: center;">&nbsp;</h1> 

</body> 

<script> 
var handler = function() { 
    if (--sec < 0) { 
    sec = 59; 
    if (--min < 0) { 
     min = 0; 
     sec = 0; 
    } 
    } 
    var min1 = "0" + min + "m"; 
    var min2 = min + "m"; 
    var sec1 = "0" + sec + "s"; 
    var sec2 = sec + "s"; 
    document.getElementById("time").innerHTML = (min < 10 ? min1.fontcolor("red") : min2.fontcolor("red")) + ":".fontcolor("red") + (sec < 10 ? sec1.fontcolor("red") : sec2.fontcolor("red")); 
}; 
var sec = 0; 
var min = 15; 
handler(); 
setInterval(handler, 1000); 
</script>

出典

2017-05-03 05:06:48

ありがとう！これは私のために働いた！ – Wizard7611

JsFiddleをiFrameとしてHTMLに埋め込むにはどうすればよいですか？

答えて

関連する問題