注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

小刹

诚心诚意

 
 
 

日志

 
 
关于我

对电影、镜头、文学、画面、表达、视觉感兴趣,最近对交际、关系、性格、建筑也感兴趣,混于游戏行业,学习并成长。

网易考拉推荐

javascript学习之_时间类特效(一)  

2008-10-13 22:07:49|  分类: 平时练习(原创) |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
JScript 是 Microsoft 公司对 ECMA 262 语言规范(ECMAScript 编辑器 3)的一种实现。除了少数例外(为了保持向后兼容),JScript 完全实现了 ECMA 标准。 
  JScript 是一种解释型的、基于对象的脚本语言。尽管与 C++ 这样成熟的面向对象的语言相比,JScript 的功能要弱一些,但对于它的预期用途而言,JScript 的功能已经足够大了。 
JScript 不是其他语言的精简版(例如,它只是与 Java 有点模糊而间接的关系),也不是任何事物的简化。不过,它有其局限性。例如,您不能使用该语言来编写独立运行的应用程序,并且没有对读写文件的内置支持。此外,JScript 脚本只能在某个解释器或“宿主”上运行,如 Active Server Pages(ASP)、Internet 浏览器或者 Windows 脚本宿主。 
   JScript 是一种宽松类型的语言。宽松类型意味着您不必显式定义变量的数据类型。事实上 JScript 更进一步。您无法在JScriot上明确地定义数据类型。此外,在大多数情况下,JScript 将根据需要自动进行转换。例如,如果将一个数值添加到由文本组成的某项(一个字符串),该数值将被转换为文本。 
_______________________________________________________________________________________________________ 
时间类特效(一) 

时间类特效按显示方式种  ①显示时间 
                        ②倒计时 
                        ③计算到某一天的时间 
                        ④用JS显示图形时钟 
                        ⑤对登陆网站的计时或为离开页面显示已近在本站点停留时间 
                        ⑥计算到某个特定的那天还剩几天 
                        ⑦中文显示和带农历的日历 

          按显示位置    ①标题栏 
                        ②状态栏 
                        ③文本区域 
________________________________________________________________________________________________________ 
使用到的对象 
    ①DATE 对象 
    启用基本存储器并取得日期和时间。 
    dateObj = new Date() 
    dateObj = new Date(dateVal) 
   dateObj = new Date(yearmonthdate[hours[minutes[seconds[,ms]]]]) 
   参数 dateObj  必选项。要赋值为 Date 对象的变量名。 

    与DATE相关的方法 
getDate 方法 | getDay 方法 | getFullYear 方法 | getHours 方法 | getMilliseconds 方法 | getMinutes 方法 | getMonth 方法 | getSeconds 方法 | getTime 方法 | getTimezoneOffset 方法 | getUTCDate 方法 | getUTCDay 方法 | getUTCFullYear 方法 | getUTCHours 方法 | getUTCMilliSeconds 方法 | getUTCMinutes 方法 | getUTCMonth 方法 | getUTCSeconds 方法 | getVarDate 方法 | getYear 方法 | setDate 方法 | setFullYear 方法 | setHours 方法 | setMilliSeconds 方法 | setMinutes 方法 | setMonth 方法 | setSeconds 方法 | setTime 方法 | setUTCDate 方法 | setUTCFullYear 方法 | setUTCHours 方法 | setUTCMilliseconds 方法 | setUTCMinutes 方法 | setUTCMonth 方法 | setUTCSeconds 方法 | setYear 方法 | toGMTString 方法 | toLocaleString 方法 | toUTCString 方法 | toString 方法 | valueOf 方法 | parse 方法 | UTC 方法(utc表示全球标准时间)
________________________________________________________________________________________________________ 

其中较重要的方法用法简介 
① 
getDate 方法返回 Date 对象中用本地时间表示的一个月中的日期值。 
dateObj.getDate() 
必选项 dateObj 参数为 Date 对象。 
② 
getDay 方法返回 Date 对象中用本地时间表示的一周中的日期值。 
dateObj.getDay() 
必选项 dateObj 参数为 Date 对象。 
③   
getHours 方法返回 Date 对象中用本地时间表示的小时值。 
dateObj.getHours() 
必选项 dateObj 参数为 Date 对象。 
④ 
getMinutes 方法返回 Date 对象中用本地时间表示的分钟值。 
dateObj.getMinutes() 
必选项 dateObj 参数为 Date 对象。 
⑤ 
getMonth 方法返回 Date 对象中用本地时间表示的月份值。 
dateObj.getMonth() 
必选项 dateObj 参数为 Date 对象。 
... 
_______________________________________________________________________________________________________ 
基本实例 
① 
简单显示时间功能 
  var isnMonths=new initArray("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"); 
   var isnDays=new initArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六","星期日"); 
today=new Date(); 
   定义月份和星期的数组 以便后面的调用 

   hrs=today.getHours(); 
   min=today.getMinutes(); 
   sec=today.getSeconds(); 
定义一个日期变量 today  以及其他变量hrs min sec 分别表示 小时 分钟 秒 

clckh=""+((hrs>12)?hrs-12:hrs); 
   clckm=((min<10)?"0":"")+min; 
   clcks=((sec<10)?"0":"")+sec; 
   clck=(hrs>=12)?"下午":"上午"; 
   var stnr=""; 
   var ns="0123456789"; 
   var a=""; 
分别定义 时间检查变量 对小时超过12的归0  分钟单个数超过10的归0 单个秒数相似 

yr=d.getYear();if(yr<1000) 
  yr+=1900;return yr;}document.write("<table width=486>"); 
  //don't delete this line 
  document.write("<TR><TD VALIGN=TOP><P>风格一<P></TD><TD VALIGN=TOP>"+isnDays[today.getDay()] 
  +","+isnMonths[today.getMonth()]+""+today.getDate()+"日," 
  +getFullYear(today)+"年<P>"); 

<body>显示信息部分</body> 
____________________________________________________________________________________________________ 
效果截图 
①显示基本时间 
javas<wbr>cript学习之_时间类特效(一) - 啊刹 - lovforyourlife 
②倒影时钟 

javas<wbr>cript学习之_时间类特效(一) - 啊刹 - lovforyourlife 
③日历 
javas<wbr>cript学习之_时间类特效(一) - 啊刹 - lovforyourlife 
④中文显示日期 
javas<wbr>cript学习之_时间类特效(一) - 啊刹 - lovforyourlife 

⑤图形时钟 
javas<wbr>cript学习之_时间类特效(一) - 啊刹 - lovforyourlife 
⑥倒计时 
javas<wbr>cript学习之_时间类特效(一) - 啊刹 - lovforyourlife 

⑦日期推算 

javas<wbr>cript学习之_时间类特效(一) - 啊刹 - lovforyourlife 




—————————————————————————————————————————————————— 
10.13 

  评论这张
 
阅读(187)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017