基于爪哇岛描述语言实现倒计时功能

本文实例实现一个倒计时功能。倒计时功能，用在项目的发布时间，或者某个活动做倒计时等等的突出时间功能的方面。界面代码结构，先要完成好。这个界面我就不做那么美观了，凑合就行(O(_)O哈哈~).

代码名称

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 '标题倒计时实现/title style ul，Li { margin : 0；padd : 0；列表样式：无；} #倒计时{ font-size : 50px；宽度： 350像素；margin: 0自动背景-图像：无；color : # fffpadding : 100 px字体粗细：更粗；} #倒计时ul { display : flex align-items : flex-start；正义-内容：中心；} #倒计时ul Li { display :内嵌块；左边距left: 10px} #倒计时ul Li :最后一个孩子{ margin-right : 10px；} #倒计时ul Li strong { text-shadow : 5px 5px 5px # 000；} #倒计时ul li strong，#倒计时ul li span { display:区块文本对齐：中心；} # sec { color : # ff 0000 text-shadow : 5px 5px 2px # ff 0000；} /style/headbody div id='倒计时ul Li strong id=' day ' 00/strong span天/span/Li Li :/Li Li strong id=' hour ' 00/strong span时/span/Li Li :/Li Li strong id=' min ' 00/strong span分/span/Li Li :/Li Li strong id=' sec ' 00/strong span秒/span /li /ul /div/body/html下面做爪哇岛描述语言的讲解了。

首先设定一个结束时间，时间通过新日期()来进行创建。这样才能够计算倒计时的时间。

//结束时间var t_endtime=新日期(' 2016-05-22 00:00:00 ');然后就是换算规则，规则的换算是常理了。

//时间换算规则var t _ day=60 * 60 * 24 var t _ hour=60 * 60 var t _ min=60再次就是通过setInterval来计算当前时间的对比，因为时间在一秒一秒的过去，当前时间的获取就在setInterval中进行计算。当然还得将计算出的结果显示到界面上。

var ele _ day=文档。getelementbyid(' day ')；var ele _ hour=文档。getelementbyid(' hour ')；var ele _ min=文档。getelementbyid(' min ')；var ele _ sec=文档。getelementbyid(' sec ')；setInterval(函数(){ //获取当前时间var t _当前时间=新日期()；//结束时间-当前时间=剩余时间var t _ result=t _ end time。gettime()-t _ current time。gettime()；//剩余时间换算var t _ time=数学。下限(t _ result/1000)；var t _ result _ day=数学。楼层(t _ time/t _ day)；var t _ result _ hour=数学。楼层(t _ time % t _ day/t _ hour)；var t _ result _ min=数学。下限(t _ time % t _ day % t _ hour/t _ min)；var t _ result _ sec=数学。下限(t _ time % t _ day % t _ hour % t _ min)；//将时间小于10的，在值前面加入0;if(t _ result _ day 10){ t _ result _ day=' 0 ' t _ result _ day；} if(t _ result _ hour 10){ t _ result _ hour=' 0 ' t _ result _ hour；} if(t _ result _ min 10){ t _ result _ min=' 0 ' t _ result _ min；} if(t _ result _ sec 10){ t _ result _ sec=' 0 ' t _ result _ sec；} //显示到页面上埃勒日。文本内容=t _ result _ day一小时后。文本内容=t _ result _ hourele _ min。TextContent=t _ result _ minele _ sec。TextContent=t _ result _ sec}, 1000);很简单，一个倒计时功能就完成了。

以上就是本文的全部内容，希望对大家的学习有所帮助。