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


Posted in Javascript onOctober 01, 2007

时间对象作为非常重要的一个对象,对我们学.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秒! 

<%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js核心对象之Date</title>
<script type="text/javascript">
function startTime()
{
var today=new Date()//定义一个时间对象
var h=today.getHours()//定义小时
var m=today.getMinutes()//定义分钟
var s=today.getSeconds()//定义秒
// add a zero in front of numbers<10
m=checkTime(m)//把分给checkTime处理
s=checkTime(s)//把秒给checkTime处理
document.getElementById('txt').innerHTML=h+":"+m+":"+s//在层txt中显示
t=setTimeout('startTime()',500)//关键的一句,美隔500毫秒运行一次本函数
}

function checkTime(i)
{//这函数意思很简单了,就是要实现01-09的效果
if (i<10) //
  {i="0" + i}
  return i
}
</script>
</head>

<body onload="startTime()">
<p>时间对象作为非常重要的一个对象,对我们学.net的人来说,并不是很重要,但这并不意味着我们可以忽略,事实上,用得着的时候还是很多的,如果完全依赖JS处理时间,那是会出问题的,因为JS总是假设本地机器上的时间是正确的。还有个原因,他总按照GTM市区来计量。我们只是返回当前date对象的副本,我们即便是修改,那也不会对对象本身有任何影响。</p>
<p><strong>演示一:动态的时钟</strong>(来个复杂的)</p>
<div id="txt"></div>
<p><strong>演示二:显示完整的一些方法(事实上我很讨厌有些格式了)</strong></p>
<p>
  <script language="javascript">
var md=new Date()
document.write(md+"<br>")
document.write("从1970-01-01到现在共过了"+md.getTime()+"毫秒<br>")
document.write("返回当前的年份"+md.getYear()+"<br>")
document.write(md.getFullYear()+"<br>")
document.write("返回当前月"+md.getMonth()+1+"因为月是0-11,所以要加1<br>")
document.write("返回当前日期"+md.getDate()+"<br>")
document.write("返回当前星期"+md.getDay()+"<br>")
document.write("返回当前小时"+md.getHours()+"<br>")
document.write("返回当前分钟"+md.getMinutes()+"<br>")
document.write("返回当前的秒"+md.getSeconds()+"<br>")
  </script>
</p>
<p><strong>演示三: 倒计时</strong></p>
<p>
  <SCRIPT LANGUAGE="JavaScript">
  today = new Date();//申明一个时间对象
  intDate = today.getDate();//返回当前的天日期
  intHours = today.getHours();//返回当前小时
  intMinutes = today.getMinutes();//分钟
  intSeconds = today.getSeconds();//秒
  intMonth = today.getMonth()+1 ;//月加1
  intYear = today.getYear();//返回年
  //以下是为了得到0时0分0秒的差数
  hours = intHours;
  hours = (23 - hours);
  minutes = intMinutes;
  minutes = (59 - minutes);
  seconds = intSeconds;
  seconds = (59 - seconds);

if (intYear % 4 == 0 && intYear % 100 != 0 || intYear % 400 == 0)
//如果当前年除以4余数为0 同时 当前年初与100 余数不为0 或者 当前年除以400余数为0,那么本年为366天
{ if (intMonth == 1)  {month = "距2006年新年还有"; date = (366 - intDate);}
//以下与本句同意思:用余下的天数减去当前的日期号数例如下句,因为是二月,所以只由335天,减当前天的号数
  if (intMonth == 2)  {month = "距2006年新年还有"; date = (335 - intDate);}
}
else//否则为365天
{ if (intMonth == 1)  {month = "距2006年新年还有"; date = (365 - intDate);}
  if (intMonth == 2)  {month = "距2006年新年还有"; date = (334 - intDate);}
}

  if (intMonth == 3)  {month = "距2006年新年还有"; date = (304 - intDate);}
  if (intMonth == 4)  {month = "距2006年新年还有"; date = (273 - intDate);}
  if (intMonth == 5)  {month = "距2006年新年还有"; date = (243 - intDate);}
  if (intMonth == 6)  {month = "距2006年新年还有"; date = (212 - intDate);}
  if (intMonth == 7)  {month = "距2006年新年还有"; date = (182 - intDate);}
  if (intMonth == 8)  {month = "距2006年新年还有"; date = (152 - intDate);}
  if (intMonth == 9)  {month = "距2006年新年还有"; date = (121 - intDate);}
  if (intMonth == 10) {month = "距2006年新年还有"; date = (91 - intDate);}
  if (intMonth == 11) {month = "距2006年新年还有"; date = (60 - intDate);}
  if (intMonth == 12) {month = "距2006年新年还有"; date = (30 - intDate);}
//以下当然意思有所变了,但是一下的 天,时 ,分,秒 意思差不错了
  if (date == 1 ){date = ("0"+date+"天  ");}//如果上面的date得1,那就在前面加个0
  if (date != 1 && date < 10 && date >=0){date = ("0"+date+"天");}//如果不等于1且小于10,同时大于等于0 都加个0
  if (date > 9){date = (date+"天");}//如果大于9就不用加了

  if (hours ==1 ){hours = ("0"+hours+"小时");}
  if (hours != 1 && hours < 10){hours = ("0"+hours+"小时");}
  if (hours > 9){hours = (hours+"小时");}

  if (minutes == 1){minutes = ("0"+minutes+"分  ");}
  if (minutes != 1 && minutes < 10){minutes = ("0"+minutes+"分");}
  if (minutes > 9){minutes = (minutes+"分");}

  if (seconds == 1){seconds = ("0"+seconds+"秒 "+"!");}
  if (seconds != 1 && seconds < 10){seconds = ("0"+seconds+"秒!");}
  if (seconds > 9){seconds = (seconds+"秒!");}
//如果天小于0,那表示新年到了萨
  if (date < 0){month = "Happy";date = " New year!";hours = " 新年";minutes = "快乐";seconds = "!";}
  //下面是组合所有的值,简单吧
  timeString = month+date+hours+minutes+seconds;
document.write(timeString)
</script>
</p>
</body>
</html>

Javascript 相关文章推荐
Blocksit插件实现瀑布流数据无限( 异步)加载
Jun 20 Javascript
js函数内变量的作用域分析
Jan 12 Javascript
Node.js编程中客户端Session的使用详解
Jun 23 Javascript
jQuery实现内容定时切换效果完整实例
Apr 06 Javascript
用v-html解决Vue.js渲染中html标签不被解析的问题
Dec 14 Javascript
jQuery实现的浮动层div浏览器居中显示效果
Feb 03 Javascript
vue如何实现observer和watcher源码解析
Mar 09 Javascript
js图片轮播插件的封装
Jul 21 Javascript
AngularJS中控制器函数的定义与使用方法示例
Oct 10 Javascript
vue axios请求超时的正确处理方法
Apr 02 Javascript
详解vue中this.$emit()的返回值是什么
Apr 07 Javascript
koa-passport实现本地验证的方法示例
Feb 20 Javascript
javascript入门·图片对象(无刷新变换图片)\滚动图像
Oct 01 #Javascript
javascript入门·对象属性方法大总结
Oct 01 #Javascript
JS创建优美的页面滑动块效果 - Glider.js
Sep 27 #Javascript
[HTML/CSS/Javascript]WWTJS
Sep 25 #Javascript
奇妙的js
Sep 24 #Javascript
让getElementsByName适应IE和firefox的方法
Sep 24 #Javascript
js的with语句使用方法
Sep 21 #Javascript
You might like
php Ubb代码编辑器函数代码
2012/07/05 PHP
PHP中几种常见的超时处理全面总结
2012/09/11 PHP
使用Thinkphp框架开发移动端接口
2015/08/05 PHP
PHP编写daemon process 实例详解
2016/11/13 PHP
jQuery实现用方向键控制层的上下左右移动
2013/01/13 Javascript
给html超链接设置事件不使用href来完成跳
2014/04/20 Javascript
基于jQuery的图片不完全按比例自动缩小
2014/07/11 Javascript
jQuery中outerHeight()方法用法实例
2015/01/19 Javascript
jQuery+CSS3实现树叶飘落特效
2015/02/01 Javascript
js实现iGoogleDivDrag模块拖动层拖动特效的方法
2015/03/04 Javascript
深入浅析JavaScript中prototype和proto的关系
2015/11/15 Javascript
基于BootStrap Metronic开发框架经验小结【四】Bootstrap图标的提取和利用
2016/05/12 Javascript
在 Node.js 中使用 async 函数的方法
2017/11/17 Javascript
javascript变量提升和闭包理解
2018/03/12 Javascript
js+html实现点名系统功能
2019/11/05 Javascript
详解ES6数组方法find()、findIndex()的总结
2020/05/12 Javascript
Python help()函数用法详解
2014/03/11 Python
python使用装饰器和线程限制函数执行时间的方法
2015/04/18 Python
python实现支持目录FTP上传下载文件的方法
2015/06/03 Python
在java中如何定义一个抽象属性示例详解
2017/08/18 Python
读取json格式为DataFrame(可转为.csv)的实例讲解
2018/06/05 Python
python/sympy求解矩阵方程的方法
2018/11/08 Python
Python关于excel和shp的使用在matplotlib
2019/01/03 Python
详解使用PyInstaller将Pygame库编写的小游戏程序打包为exe文件
2019/08/23 Python
Tech21美国/加拿大:英国NO.1防摔保护壳品牌
2018/01/20 全球购物
阿迪达斯荷兰官方网站:adidas荷兰
2018/03/16 全球购物
台湾母婴用品限时团购:妈咪爱
2018/08/03 全球购物
Maison Lab荷兰:名牌Outlet购物
2018/08/10 全球购物
Laura Geller官网:美国彩妆品牌
2018/12/29 全球购物
信访工作者先进事迹
2014/01/17 职场文书
2015年社区服务活动总结
2015/03/25 职场文书
运动员代表致辞
2015/07/29 职场文书
教务处教学工作总结
2015/08/10 职场文书
党员学习中国梦心得体会
2016/01/05 职场文书
有关信念的名言语录集锦
2019/12/06 职场文书
Python 多线程处理任务实例
2021/11/07 Python