javascript时间全解析.doc

javascript时间全解析（Date，setInterval，document）（一句废话下载0财富，要用先下载）废话少说，先上效果图：代码跟上：js日期格式化函数农历日期时间十分秒走动*margin:0;padding:0;list-style-type:none;a,imgborder:0;.timeheight:32px;line-height:32px;overflow:hidden;font-size:14px;width:300px;margin:20px auto;border:solid 1px #ddd;padding:0 10px;background:#F7F7F7;function initArray() for(i=0;i12)?hrs-12:hrs);clckm=(min10)?0:)+min;clcks=(sec=12)?下午:上午;var stnr=;var ns=0123456789;var a=;function getFullYear(d) yr=d.getYear(); if(yr1000) yr+=1900; return yr;/下面各行分别是一种风格，把不需要的删掉即可document.write(+ getFullYear(today)+年 + ,+ isnMonthstoday.getMonth() +月+ today.getDate() +日,+ isnDaystoday.getDay() +);document.write(+getFullYear(today)+年+,+isnMonthstoday.getMonth()+月+today.getDate()+日,+isnDaystoday.getDay()+,+clck+clckh+:+clckm+:+clcks+);document.write(+(getFullYear(today)+).substring(0,4)+/+(today.getMonth()+1)+/+today.getDate()+);document.write(+hrs+:+clckm+:+clcks+);document.write(+today+);/=日期var sWeek = new Array(星期日, 星期一, 星期二, 星期三, 星期四, 星期五, 星期六);var dNow = new Date();var CalendarData = new Array(100);var madd = new Array(12);var tgString = 甲乙丙丁戊己庚辛壬癸;var dzString = 子丑寅卯辰巳午未申酉戌亥;var numString = 一二三四五六七八九十;var monString = 正二三四五六七八九十冬腊;var weekString = 日一二三四五六;var sx = 鼠牛虎兔龙蛇马羊猴鸡狗猪;var cYear, cMonth, cDay, TheDate;CalendarData = new Array(0xA4B, 0x5164B, 0x6A5, 0x6D4, 0x415B5, 0x2B6, 0x957, 0x2092F, 0x497, 0x60C96,0xD4A, 0xEA5, 0x50DA9, 0x5AD, 0x2B6, 0x3126E, 0x92E, 0x7192D, 0xC95, 0xD4A,0x61B4A, 0xB55, 0x56A, 0x4155B, 0x25D, 0x92D, 0x2192B, 0xA95, 0x71695, 0x6CA,0xB55, 0x50AB5, 0x4DA, 0xA5B, 0x30A57, 0x52B, 0x8152A, 0xE95, 0x6AA, 0x615AA,0xAB5, 0x4B6, 0x414AE, 0xA57, 0x526, 0x31D26, 0xD95, 0x70B55, 0x56A, 0x96D,0x5095D, 0x4AD, 0xA4D, 0x41A4D, 0xD25, 0x81AA5, 0xB54, 0xB6A, 0x612DA, 0x95B,0x49B, 0x41497, 0xA4B, 0xA164B, 0x6A5, 0x6D4, 0x615B4, 0xAB6, 0x957, 0x5092F,0x497, 0x64B, 0x30D4A, 0xEA5, 0x80D65, 0x5AC, 0xAB6, 0x5126D, 0x92E, 0xC96,0x41A95, 0xD4A, 0xDA5, 0x20B55, 0x56A, 0x7155B, 0x25D, 0x92D, 0x5192B, 0xA95,0xB4A, 0x416AA, 0xAD5, 0x90AB5, 0x4BA, 0xA5B, 0x60A57, 0x52B, 0xA93, 0x40E95);madd0 = 0; madd1 = 31; madd2 = 59; madd3 = 90;madd4 = 120; madd5 = 151; madd6 = 181; madd7 = 212;madd8 = 243; madd9 = 273; madd10 = 304; madd11 = 334;function GetBit(m, n) return (m n) & 1; function e2c() TheDate = (arguments.length != 3) ? new Date() : new Date(arguments0, arguments1, arguments2); var total, m, n, k; var isEnd = false; var tmp = TheDate.getFullYear(); total = (tmp - 1921) * 365 + Math.floor(tmp - 1921) / 4) + maddTheDate.getMonth() + TheDate.getDate() - 38; if (TheDate.getYear() % 4 = 0 & TheDate.getMonth() 1) total+; for (m = 0; ; m+) k = (CalendarDatam = 0; n-) if (total Math.floor(CalendarDatam / 0x10000) + 1) cMonth-; function GetcDateString() var tmp = ; tmp += tgString.charAt(cYear - 4) % 10); tmp += dzString.charAt(cYear - 4) % 12); tmp += 年 ; if (cMonth 1) tmp += (闰); tmp += monString.charAt(-cMonth - 1); else tmp += monString.charAt(cMonth - 1); tmp += 月; tmp += (cDay 11) ? 初 : (cDay 20) ? 十 : (cDay 30) ? 廿 : 三十); if (cDay % 10 != 0 | cDay = 10) tmp += numString.charAt(cDay - 1) % 10); return tmp;function GetLunarDay(solarYear, solarMonth, solarDay) if (solarYear 2020) return ; else solarMonth = (parseInt(solarMonth) 0) ? (solarMonth - 1) : 11; e2c(solarYear, solarMonth, solarDay); return GetcDateString(); var D = new Date();var yy = D.getFullYear();var mm = D.getMonth() + 1;var dd = D.getDate();var ww = D.getDay();var ss = parseInt(D.getTime() / 1000);function getFullYear(d) / 修正firefox下year错误 yr = d.getYear(); if (yr 1000) yr += 1900; return yr;function showDate() timeString = new Date().toLocaleTimeString(); var sValue = getFullYear(dNow) + 年 + (dNow.getMonth() + 1) + 月 + dNow.getDate() + 日 + sWeekdNow.getDay() + ; / + + timeString + sValue += GetLunarDay(yy, mm, dd); var svalue1 = getFullYear(dNow) + 年 + (dNow.getMonth() + 1) + 月 + dNow.getDate() + 日; var svalue2 = timeString; var svalue3 = GetLunarDay(yy, mm, dd); var sx2 = sx.substr(dzString.indexOf(svalue3.substr(1, 1), 1); var svalue33 = svalue3.substr(0, 3) var svalue333 = svalue33.substr(0, 2) + ( + sx2 + ) + svalue33.substr(2, 1); var sx22 = 农历 + svalue3.substr(4, 6); document.write(sValue);showDate()function showLocale(obj)var str;var hh = obj.getHours();if(hh10)hh = 0 + hh;var mm = obj.getMinutes();if(mm10) mm = 0 + mm;var ss = obj.getSeconds();if(ss10) ss = 0 + ss;str = hh + : + mm + : + ss;return(str);function tick()var today;today = new Date();document.getElementById(clock).innerHTML = showLocale(today);window.setTimeout(tick(), 1000);tick()代码完了，扩展点知识：var myDate = new Date();myDate.getYear(); /获取当前年份(2位)myDate.getFullYear(); /获取完整的年份(4位,1970-?)myDate.getMonth(); /获取当前月份(0-11,0代表1月)myDate.getDate(); /获取当前日(1-31)myDate.getDay(); /获取当前星期X(0-6,0代表星期天)myDate.getTime(); /获取当前时间(从1970.1.1开始的毫秒数)myDate.getHours(); /获取当前小时数(0-23)myDate.getMinutes(); /获取当前分钟数(0-59)myDate.getSeconds(); /获取当前秒数(0-59)myDate.getMilliseconds(); /获取当前毫秒数(0-999)myDate.toLocaleDateString(); /获取当前日期var mytime=myDate.toLocaleTimeString(); /获取当前时间myDate.toLocaleString( ); /获取日期与时间 日期时间脚本库方法列表Dtotype.isLeapYear 判断闰年Dtotype.Format 日期格式化Dtotype.DateAdd 日期计算Dtotype.DateDiff 比较日期差Dtotype.toString 日期转字符串Dtotype.toArray 日期分割为数组Dtotype.DatePart 取日期的部分信息Dtotype.MaxDayOfDate 取日期所在月的最大天数Dtotype.WeekNumOfYear 判断日期所在年的第几周StringToDate 字符串转日期型IsValidDate 验证日期有效性CheckDateTime 完整日期时间检查daysBetween 日期天数差在载人页面后，浏览器输出流自动关闭；在此之后，任何一个对当前页面进行操作的document.write()方法将打开个新的输出流。它将清除当前页面内容(包括源文档的任何变量或值)、因此假如希望用脚本生成的HTML替换当前页面，就必须把HTML内容连接起来赋给一个变量、使用一个document.write()方法完成写操作，不必清除文档并打开一个新数据流，一个document.write()调用就可完成所有的操作。 关于document.write()方法还有一点要说明的是它的相关方法document.close()。脚本向窗口(不管是本窗口或其他窗口)写完内容后必须关闭输出流。在延时脚本的最后一个document.write()方法后面必须确保含有document.close()方法，不这样做就不能显示图片和表单。并且，任何后面调用的document.write()方法只会把内容追加到页面后，而不会清除现有内容来写入新值。document.write方法一个最基本的JavaScript命令是document.write。这个命令简单地打印指定的文本内容到页面上。为了逐字打印文本，在打印的文本字符串加上单引号。 Js代码document.write(Hello World!); document.write(Hello World!);上面的js代码将会在页面上显示出Hello World! 你可以使用document.write 打印变量。输入变量名称不加上引号，如下： Js代码var mytext = Hello again; document.write(mytext); var mytext = Hello again;document.write(mytext);注意：如果变量名称加上引号，将会打印出变量名称（不会打印变量值）。你可以使用“+”符号来连接变量值和文本字符串。 Js代码var colour1 = purple; var colour2 = pink; document.write(colour1: + colour1 + colour2: + colour2 + ); var colour1 = purple;var colour2 = pink;document.write(colour1: + colour1 + colour2: + colour2 + );打印结果如下： 引用colour1: purple colour2: pinksetInterval动作的作用是在播放动画的时，每隔一定时间就调用函数，方法或对象。可以使用本动作更新来自数据库的变量或更新时间显示。setInterval动作的语法格式如下：setInterval(function,interval,arg1,arg2,.argn)setInterval(object,methodName,interval,arg1,arg2,.argn)第一种格式是标准动作面板中setInterval函数的默认语法，第二种格式是在专家模式动作中使用的方法。其中的参数function是一个函数名或者一个对匿名函数的 引用。object参数指定从Object对象派生的对象。methodName制定object参数中要调用的方法。interval制定对 function或methodName调用两次之间的时间，单位是毫秒。后面的arg1等是可选的参数，用于制定传递给function或是 methodName的参数。setInterval它设置的时间间隔小于动画帧速（如每秒10帧，相当于100毫秒），则按照尽可能接近 interval的时间间隔调用函数。而且必须使用updateAfterEvent动作来确保以足够的频率刷新屏幕。如果interval大于动画帧 速，则只用在每次播放头进入某一帧是才调用，以减小每次刷新屏幕的影响。下面的例子每隔1秒调用一次匿名函数。setInterval(function()trace(每隔1秒钟我就会显示一次),1000);/这里的function()是没有函数名的函数。成为匿名函数，后面的1000是时间间隔，单位是毫秒。下面的例子为我们展示如何带参数运行。function show1() trace(每隔1秒我就会显示一次);function show2(str) trace(str);setInterval(show1,1000);setInterval(show2,2000,每隔2秒我就会显示一次);上面已经将函数的setInterval方法介绍了。下面我们将介绍对象的set