最近需要实现一个功能，关于页面广告自动配置的，如支付宝的支付完成页。这篇随笔是记录对这个需求从分析到实现以及优化的过程，以免以后忘记。 某些页面需要配置广告或活动宣传图，广告或活动需满足随时上下线、过期自动下线及到时自动上线。 如：现在时间2019-2-22 16:16:13，…

首先，让我们先看一下效果图。 这就是我们将要实现的 DEMO。 如果你想小试身手，可以在 Codepen 上创建一个 pen，编写教程代码。 1. 添加 class 作为标记 如果你不清楚为什么类名中出现了破折号，我在 这篇文章 中解释了背后的原因。 现在我们有一些文本，以及一…