タイマーで expression() を停止する」のサンプル

Notice
このページにはサンプル以外の余計なCSSはほぼ使われておりません。

Sample

旧約聖書 創世記 第1章 第9節~第19節 より

神は言われた。 天の下の水は一つ所に集まれ。乾いた所が現れよ。 そのようになった。
神は乾いた所を地と呼び、水の集まった所を海と呼ばれた。神はこれを見て、良しとされた。
神は言われた。 地は草を芽生えさせよ。種を持つ草と、それぞれの種を持つ実をつける果樹を、地に芽生えさせよ。 そのようになった。
地は草を芽生えさせ、それぞれの種を持つ草と、それぞれの種を持つ実をつける木を芽生えさせた。神はこれを見て、良しとされた。
夕べがあり、朝があった。第三の日である。

神は言われた。 天の大空に光る物があって、昼と夜を分け、季節のしるし、日や年のしるしとなれ。
天の大空に光る物があって、地を照らせ。
そのようになった。
神は二つの大きな光る物と星を造り、大きな方に昼を治めさせ、小さな方に夜を治めさせられた。
神はそれらを天の大空に置いて、地を照らさせ、
昼と夜を治めさせ、光と闇を分けさせられた。神はこれを見て、良しとされた。
夕べがあり、朝があった。第四の日である。


Test


Notes

ページが読み込まれると、早速 expression() が働いて、行動を起こします。

上の例で言えば、q要素にクオーテーションを付加しようとします。
そして、たとえば Q での expression() が働くと、 上のTest<TEXTAREA>内に、 q の文字が追加されるはずです。
expression() が q に動的にアクセス?してるときに書かれます。

また、同時に body の expression() において、タイマーが設定されます。
上の<TEXTAREA>内には、 +setTimeout : 時間+ と書き込まれてるかもしれません。(ないかも知れません)

で、タイマーがセットされてから 1秒後、 先にセットしていた関数が発動し、スタイルシートが作られます。 (作られるのは<STYLE>要素になります)
このとき、上の<TEXTAREA>内に、 +createStyleSheet : 時間+ と書き込まれます。

そのスタイルシートは、 body, q { zoom: expression( ~ ); } だったのを body, q { zoom: 1; } に上書きします。

これ以降 q, body では expression() が呼ばれません。
上の<TEXTAREA>内に、 何も文字が追加されなかったら、止まってることになります。


© s*m