JavaScript实例教程(十三)圣诞节的倒记时器

淡忘墨殇旳情

淡忘墨殇旳情

2016-02-19 14:41

今天图老师小编给大家精心推荐个JavaScript实例教程(十三)圣诞节的倒记时器教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

  看过香港和澳门回归的倒记时器没有,是不是想给自己的比较有意义的日子一个记时器提醒自己,JavaScript给了我们这个机会去实现我们的想法,看看下面的例子:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

在body和/body标签间输入以下代码

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

SCRIPT LANGUAGE="JavaScript"
var urodz= new Date("December 25,2002");
var s="圣诞节";
//获取当前的日期
var now = new Date();
//算出离设定的日期的相差时间,以秒计算
var ile = urodz.getTime() - now.getTime();
//把秒化成是以天计算,dni即是代表剩下的天数
var dni = Math.floor(ile / (1000 * 60 * 60 * 24));
if (dni 1)
document.write("今天离"+s+"还有"+dni +"天")
else if (dni == 1)
document.write("只有2天啦!")
else if (dni == 0)
document.write("只有1天啦!")
else
document.write("好象已经过了哦!");
/SCRIPT

上面源代码中变量urodz是由New Date(),赋予一个初值,这个初值就是需要倒记时的日子,dni的意思是相差的日子(是通过一定的日子的算法来实现的)。下面三个判断语句给出当日子要到的时候的提示信息。

下面是运行结果:

JavaScript实例教程(十三)圣诞节的倒记时器

圣诞节的倒记时器

展开更多 50%)
分享

猜你喜欢

JavaScript实例教程(十三)圣诞节的倒记时器

Web开发
JavaScript实例教程(十三)圣诞节的倒记时器

Flash实例教程:制作圣诞节贺卡

FLASH flash教程 autocad教程
Flash实例教程:制作圣诞节贺卡

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Flash实例教程:制作圣诞节祝福贺卡-Flash实例教程

FLASH flash教程
Flash实例教程:制作圣诞节祝福贺卡-Flash实例教程

Javascript实例教程(16)

Web开发
Javascript实例教程(16)

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Javascript实例教程(15)

Web开发
Javascript实例教程(15)

JavaScript实例教程(一)JavaScript简介

Web开发
JavaScript实例教程(一)JavaScript简介

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

delph i2007学习笔记(二)

delph i2007学习笔记(二)

jquery中的$(document).ready()与window.onload的区别

jquery中的$(document).ready()与window.onload的区别
下拉加载更多内容 ↓