一年一度的高考即将开始了,如果要在我们的网页上添加一个高考的倒计时,利用 JavaScript 就能很简单的做出来。

样例

现在我们有这样一个素材用来制作倒计时:
高考素材

首先我利用 Photoshop 大致量出了我们要添加倒计时数字的位置,因为我们要在这个图片的“有”和“天”两字中间的空白处新建一个 span 用来显示这个倒计时的数字。

CSS 代码

给刚刚量出来的空白处的 span 命名 id 为 timeShow 写一下 CSS 代码:

JavaScript 代码

高考时间的 new Date("2016,6,7") 括号中间为时间格式,也可以写作:

  • new Date(2016,5,7) * 注意这里月份为 5 不是 6 *
  • new Date("2016/6/7")
  • new Date("6/7/2016")new Date("June/7/2016")

结论

现在,我们利用 JavaScript 完成了这个高考倒计时的制作了。
结论

发表评论

电子邮件地址不会被公开。 必填项已用*标注