今天图老师小编给大家精心推荐个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/)下面是运行结果:
圣诞节的倒记时器
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)来源:http://www.tulaoshi.com/n/20160219/1607582.html
看过《JavaScript实例教程(十三)圣诞节的倒记时器》的人还看了以下文章 更多>>