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

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

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

【 tulaoshi.com - Web开发 】

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

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

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

下面是运行结果:

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

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

圣诞节的倒记时器

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

延伸阅读
标签: Web开发
在HTML中打开窗口应用极为普遍,但也存在一些缺陷;用户浏览器决定窗口看起来是什么样的,你左右不了其窗口的大小及式样。幸运的是,JavaScript给了你这种控制权。 JavaScript的窗口语句是: window.open("URL","name","features"); 其中的URL是网页的地址,name是窗口的名字,features是窗口的一些特性,包括: scrollbars (滚动条) 当需...
标签: 圣诞节 节日
圣诞节怎么过:准备圣诞树 圣诞节怎么少得了圣诞树呢,圣诞树最早出现于古罗马,后来人们把它当做“乐园树”,在上面挂着小饼干、糖果,代表着赎罪。如今圣诞节人们喜欢在家中摆上圣诞树,能增加节日的气氛。 圣诞节怎么过:吃圣诞大餐 圣诞节是一个很隆重的节日,一家人在一起当然少不了大餐。在美国很多家中喜欢在圣诞节吃火鸡...
标签: Web开发
使用JavaScript中的OLE Automation 什么是Automation OLE(对象连接和嵌入)Automation允许应用程序完成通讯、交换数据以及控制其它应用程序等等。它还允许一个客户应用程序通过使用暴露对象的界面来创建和控制一个对象。一个Automation对象是可以通过Automation界面暴露给其它应用程序或者编程工具的一个对象。 Automation提供了一个文档...
标签: Web开发
使用JavaScript中的OLE Automation 7. 怎样处理集对象 Automation对象与其它的Jscript对象有些有相同的结构。它暴露了多种方法和属性,我们可以对它们进行处理。如果你从来没有接触Visual Basic,你可能就不熟悉集对象了。集就是相关项的组。集用在Visual Basic主要是为了保持跟踪许多事情,比如从你的程序(表单集)中装载表单,或者表单(...

经验教程

648

收藏

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