setInterval倒计时效果

最新推荐文章于 2023-04-09 17:38:26 发布

Sandrahh

最新推荐文章于 2023-04-09 17:38:26 发布

阅读量365

点赞数

文章标签： js

本文链接：https://blog.csdn.net/Sandrahh/article/details/107318653

版权

倒计时效果

要点：
1、这个定时器是不断变化的所以需要定时器来自动变化，所以用setInterval
2、三个黑色的盒子分别存放时分秒
3.三个盒子利用innerHTML将倒计时间写入
4、第一次执行也是间隔毫秒数，因此刷新页面会有空白
5、最好采取封装函数的方式，这样可以先调用一次这个函数，防止刚开始刷新页面空白问题。

<!DOCTYPE html><html lang="en">
<head>   
	<meta charset="UTF-8"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">   
<title>Document</title>
</head>
<style>    
	div {
         
	   width: 30px;     
	   height: 30px;       
	   background-color: rgb(

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Sandrahh

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
setInterval倒计时效果

倒计时效果要点：1、这个定时器是不断变化的所以需要定时器来自动变化，所以用setInterval2、三个黑色的盒子分别存放时分秒3.三个盒子利用innerHTML将倒计时间写入4、第一次执行也是间隔毫秒数，因此刷新页面会有空白5、最好采取封装函数的方式，这样可以先调用一次这个函数，防止刚开始刷新页面空白问题。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l
复制链接

扫一扫