文本框内显示时间的脚本

阅读导航

推荐文章

·用ALERT显示两个数值相加的计

阅读排行

文本框内显示时间的脚本

阅读：

内　　容

把下面代码加入到中加入<body>如下代码： <script LANGUAGE="JavaScript"> var caution = false function setCookie(name, value, expires, path, domain, secure) { var curCookie = name "=" escape(value) ((expires) ? "; expires=" expires.toGMTString() : "") ((path) ? "; path=" path : "") ((domain) ? "; domain=" domain : "") ((secure) ? "; secure" : "") if (!caution || (name "=" escape(value)).length <= 4000) document.cookie = curCookie else if (confirm("Cookie exceeds 4KB and will be cut!")) document.cookie = curCookie } function getCookie(name) { var prefix = name "=" var cookieStartIndex = document.cookie.indexOf(prefix) if (cookieStartIndex == -1) return null var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex prefix.length) if (cookieEndIndex == -1) cookieEndIndex = document.cookie.length return unescape(document.cookie.substring(cookieStartIndex prefix.length, cookieEndIndex)) } function deleteCookie(name, path, domain) { if (getCookie(name)) { document.cookie = name "=" ((path) ? "; path=" path : "") ((domain) ? "; domain=" domain : "") "; expires=Thu, 01-Jan-70 00:00:01 GMT" } } function fixDate(date) { var base = new Date(0) var skew = base.getTime() if (skew > 0) date.setTime(date.getTime() - skew) } function initCookie(monthName) { var text = "" for (var i = 1; i <= 31; i) { text = "^" i "^" } var now = new Date() fixDate(now) now.setTime(now.getTime() 1000 * 60 * 60 * 24 * 31) setCookie(monthName "Calendar", text, now) } function getSpecificReminder(num, monthName) { var prefix = "^" num "^" var totalCookie = getCookie(monthName "Calendar") var startIndex = totalCookie.indexOf(prefix, 0) var startData = totalCookie.indexOf("^", startIndex 1) 1 if (num == 31) var endData = totalCookie.length else var endData = totalCookie.indexOf("^", startData) return totalCookie.substring(startData, endData) } function setSpecificReminder(num, monthName, newValue) { var prefix = "^" num "^" var totalCookie = getCookie(monthName "Calendar") var startIndex = totalCookie.indexOf(prefix, 0) var startData = totalCookie.indexOf("^", startIndex 1) 1 if (num == 31) var endData = totalCookie.length else var endData = totalCookie.indexOf("^", startData) var now = new Date() fixDate(now) now.setTime(now.getTime() 1000 * 60 * 60 * 24 * 31) setCookie(monthName "Calendar", totalCookie.substring(0, startData) newValue totalCookie.substring(endData, totalCookie.length), now) } function getInput(num, monthName) { if (!getCookie(monthName "Calendar")) initCookie(monthName) var newValue = prompt("Enter reminder for current date:", getSpecificReminder(num, monthName)) if (newValue) setSpecificReminder(num, monthName, newValue) } function getTime() { var now = new Date() var hour = now.getHours() var minute = now.getMinutes() now = null var ampm = "" if (hour >= 12) { hour -= 12 ampm = "PM" } else ampm = "AM" hour = (hour == 0) ? 12 : hour if (minute < 10) minute = "0" minute return hour ":" minute " " ampm } function leapYear(year) { if (year % 4 == 0) return true return false } function getDays(month, year) { var ar = new Array(12) ar[0] = 31 ar[1] = (leapYear(year)) ? 29 : 28 // February ar[2] = 31 ar[3] = 30 ar[4] = 31 ar[5] = 30 ar[6] = 31 ar[7] = 31 ar[8] = 30 ar[9] = 31 ar[10] = 30 ar[11] = 31 return ar[month] } function getMonthName(month) { var ar = new Array(12) ar[0] = "一月" ar[1] = "二月" ar[2] = "三月" ar[3] = "四月" ar[4] = "五月" ar[5] = "六月" ar[6] = "七月" ar[7] = "八月" ar[8] = "九月" ar[9] = "十月" ar[10] = "十一月" ar[11] = "十二月" return ar[month] } function setCal() { var now = new Date() var year = now.getYear() var month = now.getMonth() var monthName = getMonthName(month) var date = now.getDate() now = null var firstDayInstance = new Date(year, month, 1) var firstDay = firstDayInstance.getDay() firstDayInstance = null var days = getDays(month, year) drawCal(firstDay 1, days, date, monthName, year) } function drawCal(firstDay, lastDate, date, monthName, year) { var headerHeight = 50 var border = 2 var cellspacing = 4 var headerColor = "midnightblue" var headerSize = " 3" var colWidth = 60 var dayCellHeight = 25 var dayColor = "darkblue" var cellHeight = 40 var todayColor = "red" var timeColor = "purple" var text = "" text = '<CENTER>' text = '<TABLE BORDER=' border ' CELLSPACING=' cellspacing '>' text = '<TH COLSPAN=7 HEIGHT=' headerHeight '>' text = '<FONT COLOR="' headerColor '" SIZE=' headerSize '>' text = monthName ' ' year text = '</FONT>' text = '</TH>' var openCol = '<TD WIDTH=' colWidth ' HEIGHT=' dayCellHeight '>' openCol = '<FONT COLOR="' dayColor '">' var closeCol = '</FONT></TD>' var weekDay = new Array(7) weekDay[0] = "星期日" weekDay[1] = "星期一" weekDay[2] = "星期二" weekDay[3] = "星期三" weekDay[4] = "星期四" weekDay[5] = "星期五" weekDay[6] = "星期六" text = '<TR ALIGN="center" VALIGN="center">' for (var dayNum = 0; dayNum < 7; dayNum) { text = openCol weekDay[dayNum] closeCol } text = '</TR>' var digit = 1 var curCell = 1 for (var row = 1; row <= Math.ceil((lastDate firstDay - 1) / 7); row) { text = '<TR ALIGN="right" VALIGN="top">' for (var col = 1; col <= 7; col) { if (digit > lastDate) break if (curCell < firstDay) { text = '<TD></TD>'; curCell } else { if (digit == date) { text = '<TD HEIGHT=' cellHeight '>' text = '<FONT COLOR="' todayColor '">' text = '<A HREF="javascript:getInput(' digit ', \'' monthName '\')" onMouseOver="window.status = \'Store or retrieve data for ' monthName ' ' digit '\'; return true"><FONT COLOR="' todayColor '">' digit '</FONT></A>' text = '<BR>' text = '<FONT COLOR="' timeColor '" SIZE=2>' text = '<CENTER>' getTime() '</CENTER>' text = '</FONT>' text = '</TD>' } else text = '<TD HEIGHT=' cellHeight '><A HREF="javascript:getInput(' digit ', \'' monthName '\')" onMouseOver="window.status = \'Store or retrieve data for ' monthName ' ' digit '\'; return true">' digit '</A></TD>' digit } } text = '</TR>' } text = '</TABLE>' text = '</CENTER>' document.write(text) } setCal() </script> <div style="height:3px;"> </div> <script src='http://www.365code.com/plus/ad_js.php?aid=20' language='javascript'></script><br> <script src='http://www.365code.com/plus/ad_js.php?aid=21' language='javascript'></script> </DIV> <DIV class=dodo2> <DIV class=dodo3> <DIV class=dodo3a><div class="cupage"> <a href='#'>上一页</a><strong>1</strong><a href='13883_2.html'>2</a> <a href='13883_2.html'>下一页</a> </div></DIV> </DIV> </DIV> <script src='http://www.365code.com/plus/ad_js.php?aid=22' language='javascript'></script> <br> <script src='http://www.365code.com/plus/ad_js.php?aid=23' language='javascript'></script> <DIV class=doxg> <DIV class=dobg> <DIV class=dobg1>相关文章</DIV> <DIV class=dobg2> <UL> <li>☉ <a href='http://edu.365code.com/wyzz/wytx/20080307/13896.html'>超酷的新浪新闻频道的图片切换特效提供代码</a></li><li>☉ <a href='http://edu.365code.com/wyzz/wytx/20080307/13895.html'>第29届奥林匹克运动会网站图片切换特效</a></li><li>☉ <a href='http://edu.365code.com/wyzz/wytx/20080307/13894.html'>超酷随鼠标而飞动的时钟--时钟还是走动的</a></li><li>☉ <a href='http://edu.365code.com/wyzz/wytx/20080307/13893.html'>三个下拉框分别显示当前的年、月、日，这在web编程时非常有用</a></li><li>☉ <a href='http://edu.365code.com/wyzz/wytx/20080307/13892.html'>始终在页面右下脚的浮动的时钟</a></li><li>☉ <a href='http://edu.365code.com/wyzz/wytx/20080307/13891.html'>星期查询！可设置任意、年、月、日</a></li><li>☉ <a href='http://edu.365code.com/wyzz/wytx/20080307/13890.html'>输入你的出生年份,可以自动算出你的属相</a></li><li>☉ <a href='http://edu.365code.com/wyzz/wytx/20080307/13889.html'>带显示走动时间的超级酷挂历</a></li><li>☉ <a href='http://edu.365code.com/wyzz/wytx/20080307/13888.html'>语言时钟,不过是用英语提示当前大约的时间啊</a></li><li>☉ <a href='http://edu.365code.com/wyzz/wytx/20080307/13887.html'>真正的万年历(挺酷的!)</a></li> </UL></DIV><BR></DIV></DIV> </DIV></DIV></DIV> <DIV id=footer> <DIV class=foot> <DIV> <SCRIPT src="http://www.365code.com/img/foot.js"></SCRIPT> </DIV></DIV> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> var pageTracker = _gat._getTracker("UA-3851688-1"); pageTracker._setDomainName("365code.com"); pageTracker._initData(); pageTracker._trackPageview(); </script> </DIV></BODY></HTML>