js特效－－时间_IT分享知识网

大家好，欢迎来到IT知识分享网。<script language=”JavaScript”> function copyCode(obj) { var rng = document.body.createTextRange(); rng.moveToElementText(obj); rng.scrollIntoView(); rng.select(); rng.execCommand(“Copy”); rng.collapse(false); } function runCode(obj) { var winname = window.open(”, “_blank”, ”); winname.document.open(‘text/html’, ‘replace’); winname.document.writeln(obj.value); winname.document.close(); } function saveCode(obj) { var winname = window.open(”, ‘_blank’, ‘top=10000’); winname.document.open(‘text/html’, ‘replace’); winname.document.writeln(obj.value); winname.document.execCommand(‘saveas’,”,’code.htm’); winname.close(); } </script>
　　1．显示系统当前日期

　　2．显示系统当前日期

</p> <p><html><br /><head><br /><title>无标题文档</title><br /></head><br /><body><br /><script language=”Javascript”><br /><!–<br />todaydate=new Date();<br />month=todaydate.getMonth()+1;<br />year=todaydate.getYear();<br />date=todaydate.getDate();<br />document.write(“今天是”);<br />if(navigator.appVersion.indexOf(“MSIE”) != -1)<br />{document.write(month);<br />document.write(“月”);<br />document.write(year);<br />document.write(“年”);<br />document.write(date);<br />document.write(“日”);}<br />–><br /></script><br /></body><br /></html></p> <p>

　　3．日期和星期

　　4．日期和星期

　　5．纯钟

　　6．时间显示

<body οnlοad=”setInterval(‘t1.innerText=new Date().toLocaleString()’,1000)”> <span id=”t1″>1秒后变成时间 </span>

　　7．反倒记时

　　8．日历

　　9．鼠标时钟

　　10．万年历

<body onLoad=”setCurrentMonth()”> <script language=”JavaScript”> var ie=document.all var ns6=document.getElementById&&!document.all var n=document.layers if (ie||ns6) {fShow=”visible”;fHide=”hidden”;} if (n) {fShow=”show”; fHide=”hide”;} var MonthNames = new Array(“一月”, “二月”, “三月”, “四月”, “五月”, “六月”, “七月”, “八月”, “九月”, “十月”, “十一月”, “十二月”); var nCurrentYear = 0; var nCurrentMonth = 0; var nWidth = 30; var nHeight = 20; var leftX; var rightX var topY; var bottomY; function Calendar() { var HTMLstr = “”; HTMLstr += “<table width=’250px’ cellspacing=’0′ cellpadding=’0′ border=’1′>/n”; HTMLstr += “<tr><td bgcolor=’darkblue’>/n”; HTMLstr += “/n”; HTMLstr += “<table border=’0′ cols=’3′ width=’100%’>/n”; HTMLstr += “<tr>/n”; HTMLstr += “<td><b><font color=’white’>年份：</font></b></td>/n”; HTMLstr += “/n”; if (n) { HTMLstr += “<td align=’right’ width=’40’>/n”; HTMLstr += “<a href=/”javascript:prevYear();/”><font color=’white’ size=-2>Prev</font></a>/n”; HTMLstr += “<a href=/”javascript:nextYear();/”><font color=’white’ size=-2>Next</font></a>/n”; } if (ie||ns6) { HTMLstr += “<td align=’right’ width=’80’>/n”; HTMLstr += “<a href=/”javascript:prevYear();/” style=’text-decoration: none;’><font color=’white’ size=-2>Prev</font></a>/n”; HTMLstr += “<a href=/”javascript:nextYear();/” style=’text-decoration: none;’><font color=’white’ size=-2>Next</font></a>/n”; } HTMLstr += “</td>/n”; HTMLstr += “/n”; HTMLstr += “<td align=’left’>”; if (n) HTMLstr += “<ilayer id=’main’><layer id=’idYear’ top=’0′ left=’0′>/n”; if (ie||ns6)HTMLstr += “<div id=’main’ style=’position: relative’>/n”; HTMLstr += “<font color=’#99ffff’><b>1999</b></font>/n”; if (n) HTMLstr += “</layer></ilayer>/n”; if (ie||ns6)HTMLstr += “</div>/n”; HTMLstr += “</td>/n”; HTMLstr += “</tr>/n”; HTMLstr += “<tr>/n”; HTMLstr += “<td><b><font color=’white’>月份：</font></b></td>/n”; HTMLstr += “/n”; HTMLstr += “<td align=’right’>/n”; if (n) { HTMLstr += “<a href=/”javascript:prevMonth();/”><font color=’white’ size=-2>Prev</font></a>/n”; HTMLstr += “<a href=/”javascript:nextMonth();/”><font color=’white’ size=-2>Next</font></a>/n”; } if (ie||ns6) { HTMLstr += “<a href=/”javascript:prevMonth();/” style=’text-decoration: none;’><font color=’white’ size=-2>Prev</font></a>/n”; HTMLstr += “<a href=/”javascript:nextMonth();/” style=’text-decoration: none;’><font color=’white’ size=-2>Next</font></a>/n”; } HTMLstr += “</td>/n”; HTMLstr += “/n”; HTMLstr += “<td align=’left’>/n”; if (ie||ns6)HTMLstr += “<div id=’main2′ style=’position=relative;’>”; if (n) HTMLstr += “<ilayer id=’main2′><layer id=’idMonth’ top=’0′ left=’0′>/n”; HTMLstr += “<font color=’#99ffff’><b>December</b></font>/n”; if (ie||ns6)HTMLstr += “<div>/n”; if (n) HTMLstr += “</layer></ilayer>/n”; HTMLstr += “</td>/n”; HTMLstr += “/n”; HTMLstr += “</tr>/n”; HTMLstr += “</table>/n”; HTMLstr += “/n”; HTMLstr += “</td></tr>/n”; HTMLstr += “/n”; HTMLstr += “<tr height=’160px’><td valign=/”top/”>/n”; HTMLstr += “/n”; HTMLstr += “<table border=0 cols=7>/n”; HTMLstr += “<tr>/n”; HTMLstr += “<td width=’30’><b>Mon</b></td>/n”; HTMLstr += “<td width=’30’><b>Tue</b></td>/n”; HTMLstr += “<td width=’30’><b>Wed</b></td>/n”; HTMLstr += “<td width=’30’><b>Thur</b></td>/n”; HTMLstr += “<td width=’30’><b>Fri</b></td>/n”; HTMLstr += “<td width=’30’><b>Sat</b></td>/n”; HTMLstr += “<td width=’30’><b>Sun</b></td>/n”; HTMLstr += “</tr>/n”; HTMLstr += “<tr>/n”; HTMLstr += “<td colspan=7>/n”; if (ie||ns6)HTMLstr += “<div style=’position: relative;’>”; if (n) HTMLstr += “<ilayer id=’idMenuContainer’ height=’120px’ width=’250px’>/n”; for (var date=1; date <= 31; date++) { if (n) { HTMLstr += ” <layer id=/”idDate”+date+”/” val=”+date+” visibility=/”hide/”>/n”; HTMLstr += ” <layer><b>”+date+”</b></layer>/n”; HTMLstr += ” </layer>/n”; } if (ie||ns6) { HTMLstr += ” <div id=/”idDate”+date+”/” val=”+date+” style=/”position: absolute; visibility: hidden/”>/n”; // HTMLstr += ” <b>”+date+”</b>/n”; HTMLstr += ” <b>”+date+”</b>/n”; HTMLstr += ” </div>/n”; } } if (ie||ns6)HTMLstr += “</div>”; if (n) HTMLstr += “</ilayer>/n”; HTMLstr += “</td></tr>/n”; HTMLstr += “</table>/n”; HTMLstr += “/n”; HTMLstr += “</td></tr>/n”; HTMLstr += “</table>/n”; document.writeln(HTMLstr); buildMonthMenu(HTMLstr); } function setCurrentMonth() { date = new Date(); currentyear=date.getYear() if (currentyear < 1000) currentyear+=1900 setYearMonth(currentyear, date.getMonth()+1); } function setMonth(nMonth) { setYearMonth(nCurrentYear, nMonth); } function setYearMonth(nYear, nMonth) { if (ie||ns6) { nCurrentYear = nYear; nCurrentMonth = nMonth; var cross_obj=ns6? document.getElementById(“main”): document.all[“main”] var cross_obj2=ns6? document.getElementById(“main2”): document.all[“main2”] cross_obj.innerHTML = “<font color=/”#99ffff/”><b>”+nCurrentYear+”</b></font>”; cross_obj2.innerHTML = “<a href=/”javascript:showMonthMenu()/” style=/”text-decoration:none/”><font color=/”#99ffff/”><b>”+MonthNames[nCurrentMonth-1]+”</b></font></a>/n”; var date = new Date(nCurrentYear, nCurrentMonth-1, 1); var nWeek = 1; var nDate; while (date.getMonth() == nCurrentMonth-1) { nDate = date.getDate(); nLastDate = nDate; var posDay = date.getDay()-1; if (posDay == -1) posDay=6; var posLeft = posDay*(nWidth+5)+5; var posTop = (nWeek-1)*nHeight; var cross_obj3=ns6? document.getElementById(“idDate”+nDate).style : document.all[“idDate”+nDate].style cross_obj3.left = posLeft; cross_obj3.top = posTop; if (date.getDay() == 0 || date.getDay() == 6) cross_obj3.color = “red”; else cross_obj3.color = “black”; cross_obj3.visibility = “visible”; // original: // date = new Date(currentyear, date.getMonth(), date.getDate()+1); // johan: date = new Date(nCurrentYear, date.getMonth(), date.getDate()+1); if (posDay == 6) nWeek++; } for (++nDate; nDate <= 31; nDate++){ cross_obj3=ns6? document.getElementById(“idDate”+nDate).style : document.all[“idDate”+nDate].style cross_obj3.visibility = “hidden”; } } if (n) { // Verify parameters if (nMonth < 1 || nMonth > 12) {alert(“Function: setYearMonth()/nERROR: Incorrect month “+nMomth);} nCurrentYear = nYear; nCurrentMonth = nMonth; document.main.document.idYear.document.open(); document.main.document.idYear.document.write(“<font color=/”#99ffff/”><b>”+nCurrentYear+”</b></font>”); document.main.document.idYear.document.close(); document.main2.document.idMonth.document.open(); document.main2.document.idMonth.document.write(“<a href=/”javascript:showMonthMenu()/” style=/”text-decoration:none/”><font color=/”#99ffff/”><b>”+MonthNames[nCurrentMonth-1]+”</b></font></a>”); document.main2.document.idMonth.document.close(); var date = new Date(nYear, nMonth-1, 1); var nWeek = 1; var nDate; while (date.getMonth() == nMonth-1) { nDate = date.getDate(); nLastDate = nDate; var posDay = date.getDay()-1; if (posDay == -1) posDay=6; var posLeft = posDay*(nWidth+5)+5; var posTop = (nWeek-1)*nHeight; document.layers[“idMenuContainer”].document.layers[“idDate”+nDate].left = posLeft; document.layers[“idMenuContainer”].document.layers[“idDate”+nDate].top = posTop; if (date.getDay() == 0 || date.getDay() == 6) document.layers[“idMenuContainer”].document.layers[“idDate”+nDate].color = “red”; else document.layers[“idMenuContainer”].document.layers[“idDate”+nDate].color = “black”; document.layers[“idMenuContainer”].document.layers[“idDate”+nDate].visibility = “visible”; date = new Date(nCurrentYear, date.getMonth(), date.getDate()+1); if (posDay == 6) nWeek++; } for (++nDate; nDate <= 31; nDate++) document.layers[“idMenuContainer”].document.layers[“idDate”+nDate].visibility = “hidden”; } } function nextMonth() { nCurrentMonth++; if (nCurrentMonth > 12) { nCurrentMonth -= 12; nextYear(); } setYearMonth(nCurrentYear, nCurrentMonth); } function prevMonth() { nCurrentMonth–; if (nCurrentMonth < 1) { nCurrentMonth += 12; prevYear(); } setYearMonth(nCurrentYear, nCurrentMonth); } function prevYear() { nCurrentYear–; setYearMonth(nCurrentYear, nCurrentMonth); } function nextYear() { nCurrentYear++; setYearMonth(nCurrentYear, nCurrentMonth); } function updateIt(e) { // var x = e.pageX; // var y = e.pageY; // if (x > rightX || x < leftX) hideMonthMenu(); // else if (y > bottomY || y < topY) hideMonthMenu(); } function hideMonthMenu() { document.layers[“idMonthMenu”].visibility=”hide”; } function showMonthMenu() { if (!n) return; topY = document.layers[“main2”].pageY-50; bottomY = document.layers[“main2”].pageY + document.layers[“idMonthMenu”].clip.height+50; leftX = document.layers[“main2”].pageX-50; rightX = document.layers[“main2”].pageX + document.layers[“idMonthMenu”].clip.width+50; document.layers[“idMonthMenu”].top = document.layers[“main2”].pageY+document.layers[“main2”].clip.height; document.layers[“idMonthMenu”].left = document.layers[“main2”].pageX; document.layers[“idMonthMenu”].visibility=”show”; } <!– 本页网页特效使用《有声有色 7.0》编辑制作！–> <!– 软件下载地：酷博软件网–><!– 网址：[url]http://www.coolboo.com–[/url]> <!– 软件作者：朱江(richie)–><!– Email:–> function buildMonthMenu() { if (!n) return; var HTML = “”; HTML += “<layer id=/”idMonthMenu/” visibility=/”hide/” width=/”120/” bgcolor=/”darkblue/”>/n”; HTML += “<table border=/”1/” cellspacing=/”0/” cellpading=/”0/”>/n”; for (var month=0; month<12;) { HTML += “<tr>/n”; for (var i = 0; i < 3; i++) { var nMonth = month+1; HTML += “<td><a href=/”javascript:hideMonthMenu();setMonth(“+nMonth+”);/”><font color=/”white/” size=-1><b>”+MonthNames[month]+”</b></font></a></td>/n”; month++; } HTML += “</tr>/n”; } HTML += “</table>”; HTML += “</layer>”; document.writeln(HTML); } var cal = new Calendar(); </script>

　　11．状态栏滚动时钟

　　12．标题时钟

　　13．跟着鼠标走的时钟

　　14．世界各国时间

<body onLoad=”javascript:GetTime();”> <script LANGUAGE=”JavaScript”> <!– 本页网页特效使用《有声有色 7.0》编辑制作！–> <!– 软件下载地：酷博软件网–><!– 网址：[url]http://www.coolboo.com–[/url]> <!– 软件作者：朱江(richie)–><!– Email:–> function GetTime() { var dt = new Date(); var def = dt.getTimezoneOffset()/60; var gmt = (dt.getHours() + def); document.clock.local.value = (IfZero(dt.getHours()) + “:” + IfZero(dt.getMinutes()) + “:” + IfZero(dt.getSeconds())); var ending = “:” + IfZero(dt.getMinutes()) + “:” + IfZero(dt.getSeconds()); var rome =check24(((gmt + 1) > 24) ? ((gmt + 1) – 24) : (gmt + 1)); document.clock.rome.value = (IfZero(rome) + ending); var isr =check24(((gmt + 2) > 24) ? ((gmt + 2) – 24) : (gmt + 2)); document.clock.Israel.value = (IfZero(isr) + ending); var msw =check24(((gmt + 3) > 24) ? ((gmt + 3) – 24) : (gmt + 3)); document.clock.msw.value = (IfZero(msw) + ending); var baku =check24(((gmt + 4) > 24) ? ((gmt + 4) – 24) : (gmt + 4)); document.clock.baku.value = (IfZero(baku) + ending); var del =check24(((gmt + 5) > 24) ? ((gmt + 5) – 24) : (gmt + 5)); document.clock.del.value = (IfZero(del) + ending); var dh =check24(((gmt + 6) > 24) ? ((gmt + 6) – 24) : (gmt + 6)); document.clock.dh.value = (IfZero(dh) + ending); var kok =check24(((gmt +7 ) > 24) ? ((gmt +7 ) – 24) : (gmt + 7)); document.clock.kok.value = (IfZero(kok) + ending); var ho =check24(((gmt + 8) > 24) ? ((gmt + 8) – 24) : (gmt + 8)); document.clock.ho.value = (IfZero(ho) + ending); var tky =check24(((gmt + 9) > 24) ? ((gmt + 9) – 24) : (gmt + 9)); document.clock.tky.value = (IfZero(tky) + ending); var sdn =check24(((gmt + 10) > 24) ? ((gmt + 10) – 24) : (gmt + 10)); document.clock.sdn.value = (IfZero(sdn) + ending); var mag =check24(((gmt + 11) > 24) ? ((gmt + 11) – 24) : (gmt + 11)); document.clock.mag.value = (IfZero(mag) + ending); var wll =check24(((gmt + 12) > 24) ? ((gmt + 12) – 24) : (gmt + 12)); document.clock.wll.value = (IfZero(wll) + ending); var _GMT =check24(((gmt) > 24) ? ((gmt) – 24) : (gmt)); document.clock._GMT.value = (IfZero(_GMT) + “:” + IfZero(dt.getMinutes()) + “:” + IfZero(dt.getSeconds())); var eniw =check24(((gmt + (24-12)) > 24) ? ((gmt + (24-12)) – 24) : (gmt + (24-12))); document.clock.eniw.value = (IfZero(eniw) + ending); var sam =check24(((gmt + (24-11)) > 24) ? ((gmt + (24-11)) – 24) : (gmt + (24-11))); document.clock.sam.value = (IfZero(sam) + ending); var haw =check24(((gmt + (24-10)) > 24) ? ((gmt + (24-10)) – 24) : (gmt + (24-10))); document.clock.Hawaii.value = (IfZero(haw) + ending); var ala =check24(((gmt + (24-9)) > 24) ? ((gmt + (24-9)) – 24) : (gmt + (24-9))); document.clock.alaska.value = (IfZero(ala) + ending); var pacif =check24(((gmt + (24-8)) >= 24) ? ((gmt + (24-8)) – 24) : (gmt + (24-8))); document.clock.pacif.value = (IfZero(pacif) + ending); var mount =check24(((gmt + (24-7)) > 24) ? ((gmt + (24-7)) – 24) : (gmt + (24-7))); document.clock.mount.value = (IfZero(mount) + ending); var center =check24(((gmt + (24-6)) > 24) ? ((gmt + (24-6)) – 24) : (gmt + (24-6))); document.clock.center.value = (IfZero(center) + ending); var east =check24(((gmt + (24-5)) > 24) ? ((gmt + (24-5)) – 24) : (gmt + (24-5))); document.clock.east.value = (IfZero(east) + ending); var atl =check24(((gmt + (24-4)) > 24) ? ((gmt + (24-4)) – 24) : (gmt + (24-4))); document.clock.atl.value = (IfZero(atl) + ending); var bra =check24(((gmt + (24-3)) > 24) ? ((gmt + (24-3)) – 24) : (gmt + (24-3))); bra = (bra >= 24) ? bra – 24 : bra; document.clock.bra.value = (IfZero(bra) + ending); var mid =check24(((gmt + (24-2)) > 24) ? ((gmt + (24-2)) – 24) : (gmt + (24-2))); mid = (mid >= 24) ? mid – 24 : mid; document.clock.mid.value = (IfZero(mid) + ending); var azo =check24(((gmt + (24-1)) > 24) ? ((gmt + (24-1)) – 24) : (gmt + (24-1))); azo = (azo >= 24) ? azo – 24 : azo; document.clock.azo.value = (IfZero(azo) + ending); setTimeout(“GetTime()”, 1000); } function IfZero(num) { return ((num <= 9) ? (“0″ + num) : num); } function check24(hour) { return (hour >= 24) ? hour – 24 : hour; } </script> <center> <form name=”clock”> <strong>Local Time <input type=”text” size=”8″ name=”local”></strong> <p> Eniwetok (GMT-12) <input type=”text” size=”8″ name=”eniw”><br> Samoa (GMT-11) <input type=”text” size=”8″ name=”sam”><br> Hawaii (GMT-10) <input type=”text” size=”8″ name=”Hawaii”> <p> Alaska (GMT-9) <input type=”text” size=”8″ name=”alaska”><br> Pacific Time (GMT-8) <input type=”text” size=”8″ name=”pacif”><br> Mountain Time (GMT-7) <input type=”text” size=”8″ name=”mount”> <p> Central Time (GMT-6) <input type=”text” size=”8″ name=”center”><br> Eastern Time (GMT-5) <input type=”text” size=”8″ name=”east”><br> Atlantic Time (GMT-4) <input type=”text” size=”8″ name=”atl”> <p> Brazilia (GMT-3) <input type=”text” size=”8″ name=”bra”><br> Mid-Atlantic (GMT-2) <input type=”text” size=”8″ name=”mid”><br> Azores (GMT-1) <input type=”text” size=”8″ name=”azo”> <p> <strong>Greenwich Mean Time (GMT) <input type=”text” size=”8″ name=”_GMT”></strong> <p> Rome (GMT +1) <input type=”text” size=”8″ name=”rome”><br> Israel (GMT +2) <input type=”text” size=”8″ name=”Israel”><br> Moscow (GMT +3) <input type=”text” size=”8″ name=”msw”> <p> Baku (GMT +4) <input type=”text” size=”8″ name=”baku”><br> New Delhi (GMT +5) <input type=”text” size=”8″ name=”del”><br> Dhakar (GMT +6) <input type=”text” size=”8″ name=”dh”> <p> Bangkok (GMT +7) <input type=”text” size=”8″ name=”kok”><br> Hong Kong (GMT +8) <input type=”text” size=”8″ name=”ho”><br> Tokyo (GMT +9) <input type=”text” size=”8″ name=”tky”> <p> Sydney (GMT +10) <input type=”text” size=”8″ name=”sdn”><br> Magadan (GMT +11) <input type=”text” size=”8″ name=”mag”><br> Wellington (GMT +12) <input type=”text” size=”8″ name=”wll”> </form> </center>

　　15．有开关功能的时钟

　　16．停留时间

　　17．背景时钟

　　18．显示最后更新时间

　　19．显示今天是多少号

　　20．水中倒影时钟

　　21．根据时间不同，给不同的问候

　　22．类日历附详细说明

　　23．

免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://haidsoft.com/115477.html

js特效－－时间

相关推荐

发表回复