Rumah > Artikel > hujung hadapan web > JavaScript实现活动倒计时效果的代码分享
JavaScript实现活动倒计时效果的代码分享
- 黄舟asal
- 2017-04-24 09:21:031384semak imbas
这篇文章主要为大家详细介绍了基于JavaScript实现活动倒计时效果，距离活动时间还剩多少，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了js倒计时效果的具体代码，供大家参考，具体内容如下
<!DOCTYPE html>
<html>
<head>
<title>countDown</title>
<style type="text/css">
#myp{
width:150px;
background-color:green;
margin:0 auto;
padding:0 auto;
color:pink;
}
</style>
<script type="text/javascript">
<!-- 秒数可修改-->
var second=50;
<!-- 分钟可修改-->
var minute=1;
<!-- 小时可修改-->
var hour=1;
<!-- 天数可修改-->
var day=1;
var flag=false;
function countDown(){
var p=document.getElementById("myp");
second-=1;
if(second==0){
minute=minute-1;
second=60;
if(minute<0){
hour=hour-1;
minute=59;
if(hour<0){
day-=1;
hour=23;
if(day<0){
flag=true;
}
}
}
}
if(flag){
p.innerHTML="活动结束！";
}else{
p.innerHTML="距离活动时间还剩："+day+"天"+hour+"小时"+minute+"分"+second+"秒";
}
}
setInterval("countDown()",1000);
</script>
</head>
<body>
<p id="myp">倒计时</p>
</body>
</html>Atas ialah kandungan terperinci JavaScript实现活动倒计时效果的代码分享. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：javascript正则表达式的分组以及断言的详细介绍Artikel seterusnya：分享JS实现瀑布流加载图片效果代码