web前端——实现倒计时，“距离双11天猫狂欢节还剩xxx”

小白总结一下最近学到的前端知识，实现倒计时~~
两步：
第一步：在body中添加οnlοad=”show()”，onload事件是浏览器解析完页面之后就会自动触发的事件

<body onload=”show()”>
<div id=”time”>此处为替换内容</div>
</body>

第二步：在head中添加js事件

<head>
<script>function show(){var nowtime=new Date(); //创建时间对象 var endtime=new Date("2021/11/11,00:00:00"); //结束时间，Date()根据字符串生成指定格式的时间-->Tue Oct 19 2021 22:00:00 GMT+0800 (China Standard Time)
var countdown=parseInt((endtime.getTime()-nowtime.getTime())/1000);//getTime () 方法可返回距 1970 年 1 月 1 日之间的毫秒数。var day=parseInt(countdown/60/60/24);var hour=parseInt(countdown/60/60%24);var minute=parseInt(countdown/60%60);var second=parseInt(countdown%60);document.getElementById("time").innerHTML="距离双11天猫狂欢节还剩day"+"天"+hour+"小时"+minute+"分"+second+"秒";  //将id=”time”的盒子内容替换掉setTimeout("show()",1000);//setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式，这里为每1秒调用show()
}
</script>
</head>

web前端——实现倒计时，“距离双11天猫狂欢节还剩xxx”相关推荐

天涯共此双11——天猫升级港澳台“购物天堂”
香港北区上水60多年的老字号正和隆酱油没想过会出名.这家专注服务街坊的小店不在乎"酱香巷子深",门店一半是透明及地的塑胶门帘,一半是一块块拼接起来的黄色纸板箱. 来的都是熟客,所谓 ...
前端系列 | 2015年双11手淘前端技术巡演 - 前言
前端系列 | 2015年双11手淘前端技术巡演 - 前言 2015-11-16 手机淘宝技术团队MTT 15年双11刚落下帷幕.今年众所周知,是全面"无线化"的一年.数据上我就不说 ...
淘宝抽奖html 页面,基于jQuery实现的双11天猫拆红包抽奖效果
本文实例讲述了jQuery实现的双11天猫拆红包抽奖效果代码,是一款基于jquery+css3实现的鼠标点击红包摇一摇抽奖代码,具有点击抽奖后红包摇动并弹出抽奖结果信息的功能,分享给大家供大家参考.具 ...
2014年双11天猫爆款精选商品集合 Excel下载
一年一度的最大的购物节又到了,自从天猫造出双11这个节日后,现在每年这天不再仅是天猫一家独秀,京东,苏宁,1号店等各大电商都在铺天盖地的跟进着营销. 海量的商品,海量的折扣,大家一定眼睛看花了,鼠标点 ...
2017天猫双11全球狂欢节交易额1682亿！
2017天猫双11全球狂欢节! 交易额1682亿! 逆天了!!! 但是,对于阿里技术人来说,最重要的任务不是创造逆天的交易额. 早在双11前夕,阿里巴巴集团CTO行癫就给阿里两万多位工程师下了一个很新 ...
天猫双11全球狂欢节的诞生，源于对快乐的分享
时光荏苒,天猫双11全球狂欢节,如今已经迈入了第十个年头. 相信有不少读者小伙伴都知道,双11最早其实源于中国的"光棍节".那么这样一个原本应该是单身狗们黯然神伤的日子,究竟是如何 ...
directx 双缓冲运动闪烁_24期0利率 | BMW超值福袋开启“双11”购车狂欢节！！
BMW超值福袋开启"双11"购车狂欢节 24期0利率首付一半开宝马又到一年"双11",华晨宝马以十足的诚意,携新BMW X1.创新BMW X2以及BMW 1 ...
阿里云双11全球狂欢节计算资源买买买
本文讲的是阿里云双11全球狂欢节计算资源买买买[IT168资讯]除了喜欢屯奶粉和运动装备的消费者外,创业者也能加入双11"买买买"狂欢.11月2日,阿里云宣布加入天猫双11全球狂 ...
Web前端开发最佳实践（8）：还没有给CSS样式排序？其实你可以更专业一些
前言 CSS样式排序是指按照一定的规则排列CSS样式属性的定义,排序并不会影响CSS样式的功能和性能,只是让代码看起来更加整洁.CSS代码的逻辑性并不强,一般的开发者写CSS样式也很随意,所以如果不借 ...

web前端——实现倒计时，“距离双11天猫狂欢节还剩xxx”

web前端——实现倒计时，“距离双11天猫狂欢节还剩xxx”相关推荐

最新文章

热门文章