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

2016-02-19 14:41 2 1 收藏

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

【 tulaoshi.com - Web开发 】

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

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

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的意思是相差的日子(是通过一定的日子的算法来实现的)。下面三个判断语句给出当日子要到的时候的提示信息。

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

下面是运行结果:

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

圣诞节的倒记时器

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

来源:http://www.tulaoshi.com/n/20160219/1607582.html

延伸阅读
1 准备一张黄色的单面纸张作为圣诞铃铛的制作材料 2 对折 3 展开 4 如图,沿对角线折叠 5 另一边也沿对角线折叠,效果如图: 6 翻过来 7 如图,顶角...
标签: Web开发
本JavaScript实例教程的推出希望对JavaScript的爱好者在学习JavaScript上能带来点帮助,也希望对初学者在学习JavaScript时,能找到一条入门捷径,本教程通过对JavaScript实例分析学习,能使学习者更容易的了解且掌握JavaScript语言。不多说了!我们的旅途就从这里开始吧!:) JavaScript简介 JavaScript是一种基于对象的脚本语言。使用它可以...
标签: 圣诞节 节日
圣诞老人 我们都知道圣诞节绝对少不了圣诞老人,在公元四世纪的时候,尼古拉斯出生在小亚细亚巴大拉城,家庭富有,父母亲是非常热心的天主教友,不幸他的父母早逝。尼古拉斯长大以后,便把丰富的财产,全部捐送给贫苦可怜的人,自己则出家修道,献身教会,终生为社会服务。尼古拉斯后来作了神父,而且还升为主教。他一生当中,做了很多...
标签: 圣诞节 圣诞
纪念耶稣出生 据说耶稣是因着圣灵成孕,由圣母玛利亚所生的。神更派遣使者加伯列在梦中晓谕约瑟,叫他不要因为马利亚未婚怀孕而不要她,反而要与她成亲,把那孩子起名为“耶稣”,意思是要他把百姓从罪恶中救出来。 当马利亚快要临盆的时候,罗马政府下了命令,全部人民到伯利恒务必申报户籍。约瑟和马利亚只好遵命。他们到达伯利恒...
圣诞节圣诞树折纸教程 今天图老师小编准备的这个教程很简单哦,只需要一张纸就可以折出圣诞树哦,是不是很简单呢?快点和图老师一起动手折纸装扮你的家吧,让这个圣诞更加有意思吧~ 首先来看看准备的材料 圣诞节圣诞树折纸教程 按照这样整齐的折出痕迹 圣诞节圣诞树折纸教程 再竖着...

经验教程

940

收藏

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