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 相关文章推荐
防止页面被iframe(兼容IE,Firefox火狐)
Jul 04 Javascript
获取数组中最大最小值方法js代码(自写)
Aug 12 Javascript
jQuery trigger()方法用法介绍
Jan 13 Javascript
AngularJS语法详解(续)
Jan 23 Javascript
为何JS操作的href都是javascript:void(0);呢
Nov 12 Javascript
JS判断iframe是否加载完成的方法
Aug 03 Javascript
canvas绘制环形进度条
Feb 23 Javascript
浅谈原生JS实现jQuery的animate()动画示例
Mar 08 Javascript
微信小程序中多个页面传参通信的学习与实践
May 05 Javascript
laravel5.3 vue 实现收藏夹功能实例详解
Jan 21 Javascript
vue项目打包后上传至GitHub并实现github-pages的预览
May 06 Javascript
原生JavaScript创建不可变对象的方法简单示例
May 07 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 CLI实现简单的数据库实时监控调度
2009/07/01 PHP
php代码书写习惯优化小结
2013/06/20 PHP
浅析PHP中的UNICODE 编码与解码
2013/06/29 PHP
PHP+javascript制作带提示的验证码源码分享
2014/05/28 PHP
thinkPHP分页功能实例详解
2017/05/05 PHP
php实现的二分查找算法示例
2017/06/20 PHP
PHP crc32()函数讲解
2019/02/14 PHP
js判断设备是否为PC并调整图片大小
2014/02/12 Javascript
Node.js文件操作详解
2014/08/16 Javascript
Javascript判断文件是否存在(客户端/服务器端)
2014/09/16 Javascript
JavaScript统计网站访问次数的实现代码
2015/11/18 Javascript
AngularJs实现ng1.3+表单验证
2015/12/10 Javascript
JavaScript实现选中文字提示新浪微博分享效果
2017/06/15 Javascript
p5.js 毕达哥拉斯树的实现代码
2018/03/23 Javascript
JS异步错误捕获的一些事小结
2019/04/26 Javascript
jQuery 选择器用法基础入门示例
2020/01/04 jQuery
JavaScript实现拖拽盒子效果
2020/02/06 Javascript
[53:20]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 VG vs OG
2018/04/03 DOTA
零基础写python爬虫之urllib2使用指南
2014/11/05 Python
用Python操作字符串之rindex()方法的使用
2015/05/19 Python
使用Python的Twisted框架编写非阻塞程序的代码示例
2016/05/25 Python
Python 模拟购物车的实例讲解
2017/09/11 Python
Windows下Anaconda的安装和简单使用方法
2018/01/04 Python
Windows下将Python文件打包成.EXE可执行文件的方法
2018/08/03 Python
django 将model转换为字典的方法示例
2018/10/16 Python
Python零基础入门学习之输入与输出
2019/04/03 Python
使用Python Pandas处理亿级数据的方法
2019/06/24 Python
python matplotlib工具栏源码探析二之添加、删除内置工具项的案例
2021/02/25 Python
CSS3 简写animation
2012/05/10 HTML / CSS
分享30个新鲜的CSS3打造的精美绚丽效果(附演示下载)
2012/12/28 HTML / CSS
应聘美工求职信
2013/11/07 职场文书
后勤采购员岗位职责
2013/12/19 职场文书
师德自我剖析材料范文
2014/10/06 职场文书
皇城相府导游词
2015/02/06 职场文书
体育委员竞选稿
2015/11/21 职场文书
Python实现滑雪小游戏
2021/09/25 Python