Using setTimeout to Delay Showing Event-Delegation Tooltips | Learning jQuery
In my last two tutorials, I explained how to use event delegation for showing and hiding tooltips. In a comment on the first one, Jan Aagaard asked how we might go about enhancing the script by adding a small delay before showing a tooltip. The answer lies with two JavaScript functions, setTimeout() and clearTimeout(). Setting Up Picking up where we left off last time, I'm going to create the tool
Latest topics > JavaScriptã§sleepã—ãŸã„ã€ã‚’実ç¾ã™ã‚‹æ–¹æ³•ï¼ˆrequire JavaScript 1.7） - outsider reflex
Latest topics > JavaScriptã§sleepã—ãŸã„ã€ã‚’実ç¾ã™ã‚‹æ–¹æ³•ï¼ˆrequire JavaScript 1.7） 宣ä¼ã€‚日経Linuxã«ã¦Linuxã®åŸºç¤Žï¼Ÿã‚’紹介ã™ã‚‹æ¼«ç”»ã€Œã‚·ã‚¹ç®¡ç³»å¥³åã€ã‚’連載ã•ã›ã¦ã„ãŸã ã„ã¦ã„ã¾ã™ã€‚ 以下ã®ç‰¹è¨ã‚µã‚¤ãƒˆã«ã¦ã€å˜è¡Œæœ¬ã¾ã‚“ãŒã§ã‚ã‹ã‚‹Linux シス管系女åã®è©¦ã—èªã¿ãŒå¯èƒ½ï¼ « 自宅マシンãŒã©ã†ã«ã‚‚ãªã‚‰ãªã„レベルã§é€ã£ã¦ã—ã¾ã£ãŸã‚ˆã†ã Main 「本当ã«è¨€ã„ãŸã‹ã£ãŸäº‹ã¯ã€ » JavaScriptã§sleepã—ãŸã„ã€ã‚’実ç¾ã™ã‚‹æ–¹æ³•ï¼ˆrequire JavaScript 1.7） - Feb 20, 2009 ä¸é‡Žã•ã‚“ãŒã€JavaScriptã«ã¯sleep（一定時間待ã£ã¦ã‹ã‚‰æ¬¡ã®å‡¦ç†ã«é€²ã‚€ã¨ã„ã†å‘½ä»¤æ–‡ï¼‰ãŒç„¡ã„ã›ã„ã§ãƒ†ã‚¹ãƒˆã‚’書ãã®ã«é›£å„€ã—ãŸã¨ã„ã†è©±ã‚’書ã‹ã‚Œã¦ã„ã‚‹ã‘ã‚Œã©ã‚‚。ã¾ã•ã«ã“れをã©ã†ã«ã‹ã—ãŸãã¦ã€UxUã¯é€²åŒ–ã—ã¦ããŸã‚ˆã†ãªã‚‚ã®ã¨è¨€ãˆã‚‹ã€‚ 知
Timerç³»ã®ãƒ‡ãƒãƒƒã‚¯æ–¹æ³•ã‚’考ãˆã¦ã¿ãŸã€‚ - 考ãˆå¾—る最高を常ã«è¡Œã†
setTimeoutã‚„setIntervalã§é–¢æ•°ã‚’実行ã™ã‚‹ã¨throwã•ã‚ŒãŸå€¤ãŒã‚ャッãƒã§ããªã„。ãã“ã§ä¸‹è¨˜ã®ã‚ˆã†ã«é–¢æ•°ã‚’上書ãã™ã‚‹ã ã‘ã§throwãŒã‚ャッãƒã§ãる。(console.error㯠javascriptã®ãƒ‡ãƒãƒƒã‚¯æ–¹æ³•ã«ä¾å˜ã™ã‚‹ã®ã§ãŠå¥½ã¿ã®ã‚³ãƒ¼ãƒ‰ã«ç½®ãæ›ãˆã¦ä½¿ãˆã°OK) 使ã„æ–¹ catchã—ãŸå¾Œã®å‡¦ç†ã¯ãŠå¥½ã¿ã®ã‚³ãƒ¼ãƒ‰ã«å·®ã—替ãˆã€‚ ã§ãã‚‹ã ã‘æ—©ã以下ã®ã‚³ãƒ¼ãƒ‰ãŒå®Ÿè¡Œã•ã‚Œã‚‹ã‚ˆã†ã«ã™ã‚‹ã€‚ ã‚ã¨ã¯ã€ã„ã¤ã‚‚通りã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§OK. (function(){// debug. // setTimeout var _setTimeout=window.setTimeout; window.setTimeout=function( func, ms ){ func = ( typeof func == 'function' )?func:new Function(func); return
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}