ホームページ > ウェブフロントエンド > jsチュートリアル > javascript入门·动态的时钟,显示完整的一些方法,新年倒计时_时间日期

javascript入门·动态的时钟,显示完整的一些方法,新年倒计时_时间日期

WBOY
リリース: 2016-05-16 19:08:32
オリジナル
1614 人が閲覧しました

时间对象作为非常重要的一个对象,对我们学.net的人来说,并不是很重要,但这并不意味着我们可以忽略,事实上,用得着的时候还是很多的,如果完全依赖JS处理时间,那是会出问题的,因为JS总是假设本地机器上的时间是正确的。还有个原因,他总按照GTM市区来计量。我们只是返回当前date对象的副本,我们即便是修改,那也不会对对象本身有任何影响。

演示一:动态的时钟(来个复杂的)

11:55:13
演示二:显示完整的一些方法(事实上我很讨厌有些格式了)

Mon Oct 1 22:35:25 UTC+0800 2007
从1970-01-01到现在共过了1191249325859毫秒
返回当前的年份2007
2007
返回当前月91因为月是0-11,所以要加1
返回当前日期1
返回当前星期1
返回当前小时22
返回当前分钟35
返回当前的秒25
Wed Aug 16 11:55:03 UTC+0800 2006
从1970-01-01到现在共过了1155700503156毫秒
返回当前的年份2006
2006
返回当前月71因为月是0-11,所以要加1
返回当前日期16
返回当前星期3
返回当前小时11
返回当前分钟55
返回当前的秒3


演示三: 倒计时

距2006年新年还有90天01小时24分34秒! 距2006年新年还有136天12小时04分56秒! 




nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



js核心对象之Date
<script> <BR>function startTime() <BR>{ <BR>var today=new Date()//定义一个时间对象 <BR>var h=today.getHours()//定义小时 <BR>var m=today.getMinutes()//定义分钟 <BR>var s=today.getSeconds()//定义秒 <BR>// add a zero in front of numbers<10 <BR>m=checkTime(m)//把分给checkTime处理 <BR>s=checkTime(s)//把秒给checkTime处理 <BR>document.getElementById('txt').innerHTML=h+":"+m+":"+s//在层txt中显示 <BR>t=setTimeout('startTime()',500)//关键的一句,美隔500毫秒运行一次本函数 <BR>} <br><br>function checkTime(i) <BR>{//这函数意思很简单了,就是要实现01-09的效果 <BR>if (i<10) // <BR> {i="0" + i} <BR> return i <BR>} <BR></script>



时间对象作为非常重要的一个对象,对我们学.net的人来说,并不是很重要,但这并不意味着我们可以忽略,事实上,用得着的时候还是很多的,如果完全依赖JS处理时间,那是会出问题的,因为JS总是假设本地机器上的时间是正确的。还有个原因,他总按照GTM市区来计量。我们只是返回当前date对象的副本,我们即便是修改,那也不会对对象本身有任何影响。


演示一:动态的时钟(来个复杂的)



演示二:显示完整的一些方法(事实上我很讨厌有些格式了)



  <script> <BR>var md=new Date() <BR>document.write(md+"<br>") <BR>document.write("从1970-01-01到现在共过了"+md.getTime()+"毫秒<br>") <BR>document.write("返回当前的年份"+md.getYear()+"<br>") <BR>document.write(md.getFullYear()+"<br>") <BR>document.write("返回当前月"+md.getMonth()+1+"因为月是0-11,所以要加1<br>") <BR>document.write("返回当前日期"+md.getDate()+"<br>") <BR>document.write("返回当前星期"+md.getDay()+"<br>") <BR>document.write("返回当前小时"+md.getHours()+"<br>") <BR>document.write("返回当前分钟"+md.getMinutes()+"<br>") <BR>document.write("返回当前的秒"+md.getSeconds()+"<br>") <BR> </script>


演示三: 倒计时



  <script> <BR> today = new Date();//申明一个时间对象 <BR> intDate = today.getDate();//返回当前的天日期 <BR> intHours = today.getHours();//返回当前小时 <BR> intMinutes = today.getMinutes();//分钟 <BR> intSeconds = today.getSeconds();//秒 <BR> intMonth = today.getMonth()+1 ;//月加1 <BR> intYear = today.getYear();//返回年 <BR> //以下是为了得到0时0分0秒的差数 <BR> hours = intHours; <BR> hours = (23 - hours); <BR> minutes = intMinutes; <BR> minutes = (59 - minutes); <BR> seconds = intSeconds; <BR> seconds = (59 - seconds); <br><br>if (intYear % 4 == 0 && intYear % 100 != 0 || intYear % 400 == 0) <BR>//如果当前年除以4余数为0 同时 当前年初与100 余数不为0 或者 当前年除以400余数为0,那么本年为366天 <BR>{ if (intMonth == 1) {month = "距2006年新年还有"; date = (366 - intDate);} <BR>//以下与本句同意思:用余下的天数减去当前的日期号数例如下句,因为是二月,所以只由335天,减当前天的号数 <BR> if (intMonth == 2) {month = "距2006年新年还有"; date = (335 - intDate);} <BR>} <BR>else//否则为365天 <BR>{ if (intMonth == 1) {month = "距2006年新年还有"; date = (365 - intDate);} <BR> if (intMonth == 2) {month = "距2006年新年还有"; date = (334 - intDate);} <BR>} <br><br> if (intMonth == 3) {month = "距2006年新年还有"; date = (304 - intDate);} <BR> if (intMonth == 4) {month = "距2006年新年还有"; date = (273 - intDate);} <BR> if (intMonth == 5) {month = "距2006年新年还有"; date = (243 - intDate);} <BR> if (intMonth == 6) {month = "距2006年新年还有"; date = (212 - intDate);} <BR> if (intMonth == 7) {month = "距2006年新年还有"; date = (182 - intDate);} <BR> if (intMonth == 8) {month = "距2006年新年还有"; date = (152 - intDate);} <BR> if (intMonth == 9) {month = "距2006年新年还有"; date = (121 - intDate);} <BR> if (intMonth == 10) {month = "距2006年新年还有"; date = (91 - intDate);} <BR> if (intMonth == 11) {month = "距2006年新年还有"; date = (60 - intDate);} <BR> if (intMonth == 12) {month = "距2006年新年还有"; date = (30 - intDate);} <BR>//以下当然意思有所变了,但是一下的 天,时 ,分,秒 意思差不错了 <BR> if (date == 1 ){date = ("0"+date+"天 ");}//如果上面的date得1,那就在前面加个0 <BR> if (date != 1 && date < 10 && date >=0){date = ("0"+date+"天");}//如果不等于1且小于10,同时大于等于0 都加个0 <BR> if (date > 9){date = (date+"天");}//如果大于9就不用加了 <br><br> if (hours ==1 ){hours = ("0"+hours+"小时");} <BR> if (hours != 1 && hours < 10){hours = ("0"+hours+"小时");} <BR> if (hours > 9){hours = (hours+"小时");} <br><br> if (minutes == 1){minutes = ("0"+minutes+"分 ");} <BR> if (minutes != 1 && minutes < 10){minutes = ("0"+minutes+"分");} <BR> if (minutes > 9){minutes = (minutes+"分");} <br><br> if (seconds == 1){seconds = ("0"+seconds+"秒 "+"!");} <BR> if (seconds != 1 && seconds < 10){seconds = ("0"+seconds+"秒!");} <BR> if (seconds > 9){seconds = (seconds+"秒!");} <BR>//如果天小于0,那表示新年到了萨 <BR> if (date < 0){month = "Happy";date = " New year!";hours = " 新年";minutes = "快乐";seconds = "!";} <BR> //下面是组合所有的值,简单吧 <BR> timeString = month+date+hours+minutes+seconds; <BR>document.write(timeString) <BR></script>




ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート