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

2016-02-19 09:11 3 1 收藏

今天图老师小编给大家精心推荐个javascript入门·动态的时钟,显示完整的一些方法,新年倒计时教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

【 tulaoshi.com - Web开发 】

时间对象作为非常重要的一个对象,对我们学.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" /
titlejs核心对象之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 numbers10
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 (i10) //
  {i="0" + i}
  return i
}
/script
/head

body onload="startTime()"
p时间对象作为非常重要的一个对象,对我们学.net的人来说,并不是很重要,但这并不意味着我们可以忽略,事实上,用得着的时候还是很多的,如果完全依赖JS处理时间,那是会出问题的,因为JS总是假设本地机器上的时间是正确的。还有个原因,他总按照GTM市区来计量。我们只是返回当前date对象的副本,我们即便是修改,那也不会对对象本身有任何影响。/p
pstrong演示一:动态的时钟/strong(来个复杂的)/p
div id="txt"/div
pstrong演示二:显示完整的一些方法(事实上我很讨厌有些格式了)/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,所以要加1br")
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
pstrong演示三: 倒计时/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

来源:https://www.tulaoshi.com/n/20160219/1589881.html

延伸阅读
标签: Web开发
前面说的显示当前时间日期是静态的,我们这里来实现一个动态的时钟。 在head和/head之间插入下列代码: script //定义时钟显示的函数 function displayTime() { var today = new Date(); // 定义日期对象 var hours = today.getHours(); var minutes = today.getMinutes(); var seconds = today.getSeconds(); // 从日期对象中中获得时间信...
标签: 月子
瑜伽教练教您产后恢复 > 怀孕体重增加了14公斤,生完孩子后仅仅两个月,陈超琪的身材就恢复如初,要知道,她是属于女人最担心身材难恢复的高龄产妇。 陈超琪是一家健身俱乐部的瑜伽教练,她女儿刚刚度过一周岁生日,身体和智力都十分健康。她怀孕的时候已经35岁了,但从孕前准备到最后生产,陈超琪一直是按照自己的方...
借助Authorware提供的时间变量和时间函数,我们可以方便地制作倒计时牌。本文中的例子是具有倒计时功能的贺卡。 Authorware 4.0中的时间变量和时间函数很多,在这个例子中需要用到以下几个: hour(当前的小时数),minute(当前的分钟数),sec(当前的秒数);datetonum(day, month,year),此函数返回一个公元1900年1月1日到参数...
验证码倒计时按钮的应用是非常普遍的,该Blog就和你一起来写一个IDCountDownButton来实现验证码倒计时的效果。你可以想使用普通的UIButton类型按钮一样,只需要设置其倒计时时长(若未设置,默认为60秒),就可以轻松的实现点击countDownButton开始倒计时,倒计时结束方可重新点击。 一、实现效果 如图 二、实现思路 1、自定义一个IDCou...
潮自拍怎么开启倒计时拍照   打开潮自拍进入应用后点击中间图标。进入拍照页面后点击上方中间图标,打开功能键后点击最右边图标,根据需要设置秒数。此时点击拍照键后便会开始倒计时,倒计时完成后便将自动拍照。

经验教程

534

收藏

25
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部