最近将BOM重新复习了一遍,本想使用定时器给女朋友做一个生日倒计时,奈何canvas都忘了。所以模拟了一个京东的秒杀专场倒计时。
各位小伙伴有什么建议和意见,请不吝赐教。
下面是京东首页的截图:
利用BOM提供的setInterval()方法可以实现这样的一个小功能。
HTML代码:
京东秒杀
00
00
00
CSS样式表:
/*清除默认内外边距*/*{padding:0;margin:0;
}
/*设置超链接的样式*/#countdownLink{
/*将其变为块元素之后,设置宽高,宽高和背景图片的大小一致*/display:block;width:191px;height:261px;
/*设置超链接背景图片,点击图片任何位置都能访问该超链接*/background-image:url(//misc.360buyimg.com/mtd/pc/index_2019/1.0.0/assets/img/4a15