画面を非表示にする方法

Question

var flashStep = 1; 
function flash() { 
if(flashStep==1) { 
document.bgColor="FFFF00"; 
flashStep=2; 
} 
else { 
document.bgColor="FF0000"; 
flashStep=1; 
} 
} 
var task = window.setInterval("flash()",1000); 

このコードは、画面をフラッシュするようになっていますが、まったく動作しません。 http://jsfiddle.net/phjnM/2/。これはなぜ機能しないのですか？私には完璧に見えません

Answer 1

問題があること（グローバル）の範囲であります文字列をsetIntervalに渡すと適用されます。代わりに関数参照を渡すと、次のようになります。

var task = window.setInterval（flash、1000）;

は、他のオプションhttp://jsfiddle.net/phjnM/7/

を参照してくださいうわ、ダウン有権者

Answer 2

JSFiddle内のコードはonload関数でラップされているためです。

それを修正する関数への参照を渡します。

var task = window.setInterval(flash,1000); 

また、左側のメニューから(no wrap)オプションを選択することもできます。

---

ところで、これを行うと、ドキュメントの背景を色づけることができます。

var i = 0; 
var task = setInterval(flash, 1000); 

function flash() { 
    document.documentElement.style.backgroundColor=(i = ~i) ? '#ff0' : '#f00'; 
} 

JSFIDDLE DEMO

Answer 3

の代わりに：

document.bgColor="FFFF00" 

このフォームを必要とする：あなたは.body.style.を欠落していた

document.body.style.backgroundColor="#FFFF00"; 

、あなたはスタイルのために間違った名前を持っていました属性backgroundColor aあなたは色の値に#を持っている必要があります。

さらに

、あなたのsetTimeout（）は次のようにする必要があります：あなたは

window.flash = function() { 

：あなたのフィドルで

var task = setInterval(flash,1000); 

、あなたはにそれが定義だ変更することで、グローバルであることをフラッシュ機能を得ることができますこれはすべてjsFiddleの改訂版で見ることができます：http://jsfiddle.net/jfriend00/h4VZm/

Answer 4

window.setInterval(flash, 1000)を使用してください。

この特定の問題は、おそらくjsfiddleでコードを実行するときのスコープの問題でした。一般に、実際にコールバックを渡したいときにはコードを文字列として渡さないでください.Javascriptでは関数自体を渡すことで実行できます。

Answer 5

いくつかの問題があります。まず、bgColorは要素のプロパティです。documentには該当しません。おそらくあなたはdocument.bodyを意味しましたか？第二に、あなたはです。bgColorを使用しています。しないでください。代わりにstyle.backgroundColorを使用してください。第3に、おそらく2つの状態に対してブール値を使用することになります。第4に、文字列をsetIntervalまたはsetTimeoutに渡さないでください。だから、あなたのコード、書き換えは、の線に沿って何かのようになります。

var flash = false; 
var task = setInterval(function() { 
    if(flash = !flash) { 
     document.body.style.backgroundColor = '#ff0'; 
    } else { 
     document.body.style.backgroundColor = '#f00'; 
    } 
}, 1000); 

Answer 6

setInterval(flash,1000); 

http://jsfiddle.net/phjnM/5/

Answer 7

今その作業を参照してください、 http://jsfiddle.net/phjnM/8/