javascript - 带有图像背景的简单倒数计时器

标签 javascript css

我在为简单的倒数计时器找到合适的 CSS/脚本时遇到了麻烦, 要求如下

  • 只有天数倒计时(不需要有小时、分钟和秒)
  • 能够使用我自己的图片作为背景

我已经尝试了很多在线搜索但是没有运气 任何帮助将不胜感激!

谢谢

最佳答案

这很简单。纯 Javascript 解决方案。

http://codepen.io/partypete25/pen/PNdKBZ

today = new Date();
target = new Date("April 30, 2016");
msPerDay = 24 * 60 * 60 * 1000 ;
timeLeft = (target.getTime() - today.getTime());
e_daysLeft = timeLeft / msPerDay;
daysLeft = Math.floor(e_daysLeft);
document.write("There are only<br> <strong>" + daysLeft + " days </strong><br> until April 30th 2016<P>");

请注意,一旦到达最近 24 小时内,它将显示剩余 0 天。

关于javascript - 带有图像背景的简单倒数计时器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36855331/

相关文章:

html - 跨浏览器不透明度

javascript - 多项选择测验也有对/错选项

css - 使用 css class 在布局中放置 react 组件

javascript - if 条件满足但不适用(模)

Javascript window.print() 无法识别窗口对象

javascript - 从 JSON 获取缩略图

html - 与 float 重叠时动态调整 block 元素的大小

javascript - 按比例增加网站上的每个字体大小

javascript - 如何让类别字段变小

javascript - MomentJS - 一种获取过去 24 小时每小时价格的更简洁的方法