在JavaScript中,我们可以利用它实现很多的小功能,现在我们就一起来利用它实现一个小小的倒计时案例。
首先,我们得先用html进行布局,怎样布局会使你的JavaScript的代码有所不同,这次所使用的布局相对简单,使用input来展示倒计时。
input是文本框,展示的时候只需要利用它的value值进行改变就行,除此之外,我还多加了一个开始按钮,当按下按钮的时候倒计时开始。
<div class="dan01" id="dar">
<span>天</span><input type="text" value=""><br>
<span>小时</span><input type="text" value=""><br>
<span>分钟</span><input type="text" value=""><br>
<span>秒</span><input type="text" value=""><br>
<button id="but">倒计时开始</button>
</div>
布局完成后,我们就可以开始写JavaScript代码了。