ホームページ > 記事 > ウェブフロントエンド > 電子時計効果を実現するjQueryの操作方法
今回は、電子時計効果を実現するための jQuery の操作方法を説明します。 電子時計効果を実現するために jQuery を操作するときの 注意事項 は何ですか。以下は実際的なケースです。
<!DOCTYPE html> <html> <head> <title>jQuery电子时钟</title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> </head> <body> <span id="time">haha</span> <script type="text/javascript"> window.onload = function(){ showTime(); } function showTime(){ var myDate = new Date(); var year = myDate.getFullYear(); var month = myDate.getMonth() + 1; var date = myDate.getDate(); var dayArray = new Array(7); dayArray[0] = "星期日"; dayArray[1] = "星期一"; dayArray[2] = "星期二"; dayArray[3] = "星期三"; dayArray[4] = "星期四"; dayArray[5] = "星期五"; dayArray[6] = "星期六"; var day1 = myDate.getDay(); var day = dayArray[day1]; var hour = myDate.getHours(); var minute = myDate.getMinutes(); var second = myDate.getSeconds(); var min = checkTime(minute); var sec = checkTime(second); var time1 = year + "年" + month + "月" + date + "日"; var time2 = hour + ":" + min + ":" + sec; // document.write(time1+day+time2); //用js方法 // document.getElementById("time").innerHTML = time1+day+time2; //用jquery方法 $('#time').text(time1+day+time2); setTimeout("showTime()",500); } function checkTime(i){ if(i<10){ i = "0" + i; } return i; } </script> </body> </html>動作効果:
例の概要:
1. ボディ内で展開する場合は、再度宣言する必要はありません。参照情報など2. 取得する際は get と括弧を忘れないように注意してください。
3. window.onload = function(); <br>4. 月の開始順序に注意してください (1 月から始まります)。マークは 0 です。 <code>window.onload = function(){}
的写法;
4、月份要注意数组开始顺序,从一月份开始,下标是0,以此类增;
5、注意时、分、秒函数为复数;
6、day表示获取星期几,但是获取的是数字,可以用数组转换(0表示周日,其它一一对应)
7、setTimeout函数:setTimeOut(A,B)
,注意setTimeout
中out为小写
A:函数体 B:函数执行间隔
8、setTimeout执行过程中,不要使用document.write
,否则递归调用未实现;
9、JQuery选择器中使用单引号还是双引号?
理论上单双都可以,在嵌套情况下视具体情况而定。
10、关于jQuery获取标签文本内容:方法1:text();方法2:html();
注意,需要改变文本内容时,正确格式为:$('#time').text("content")
错误格式为:$('#time').text() = "content"
5. 時、分、秒の関数は複素数であることに注意してください。
7. setTimeout 関数: setTimeOut(A,B)
、setTimeout
の out は小文字であることに注意してください
8. setTimeout の実行 プロセス中は、 を使用しないでください。 document.write
、そうでない場合、再帰呼び出しは実装されません。
理論的には、ネストの場合は、特定の状況に応じて奇数と偶数の両方が許容されます。 10. jQuery を使用したタグのテキスト コンテンツの取得について: メソッド 1: text(); メソッド 2: html(); テキスト コンテンツを変更する必要がある場合、正しい形式は次のとおりです。 #time').text( "content") エラーの形式は次のとおりです: $('#time').text() = "content"
プラグイン開発からnpmリリースまでvue2.0+を操作する方法
以上が電子時計効果を実現するjQueryの操作方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。