各种极品米+站,请来西数米表来购买:https://www.west.cn/shop/?1299575

如何让JS显示倒计时

作者: gengwumeng1    标签:    点击:8    时间:2017-08-08

简介

  1. 1
    马上要元旦了,2016年即将过去,今天特意做了一个倒计时来提醒自己。
    如何让JS显示倒计时

工具/原料

  1. 1
    sublime_text网页编辑器

方法/步骤

  1. 1
    打开网页编辑器,先写DIV CSS代码,这个用于前端显示的,代码如下所示:<style>div{margin-top:10%;margin-left:10%;}</style><divid="countDown"><b>——</b></div>
    如何让JS显示倒计时
  2. 2
    接下来写JS代码,首先先写一个函数,这个函数是一个计算函数,用来计算约定日期与当前日期相差的天数,代码如下所示:<script>functioncountdown(title,intime,divId){varonline=newDate(intime);varnow=newDate();varleave=online.getTime()-now.getTime();varday=Math.floor(leave/(1000*60*60*24)) 1;if(day>1){divId.innerHTML="<b>——距" title "还有" day "天!</b>";}elseif(day==1){divId.innerHTML="<b>——明天就是" title "啦!</b>";}elseif(day==1){divId.innerHTML="<b>——今天就是" title "啦!</b>";}else{divId.innerHTML="<b>——哎呀" title "已经过去了!</b>";}}</script>
    如何让JS显示倒计时
  3. 3
    然后在HTML里面引用这个函数,代码如下<scriptlanguage="javascript">countdown("2017年元旦","1/1/2017",countDown);</script>
    如何让JS显示倒计时
  4. 4
    顺便说一下在计算日期的时候我包含了今天,所以在代码中多 1了,如果不想算今天,那么不用 1就可以了。
    如何让JS显示倒计时
  5. 5
    写好之后,我们用浏览器打开当前代码,就会显示【距2017年元旦还有9天!】的字样。
    如何让JS显示倒计时

注意事项

  1. 1
    共同分享,共同进步。

热门文章