JS-倒计时效果-阿里云开发者社区

开发者社区> 鋒o丫头> 正文

JS-倒计时效果

简介: 团购-限时抢 1 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.
+关注继续查看

团购-限时抢

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>团购——限时抢</title>
 6 <link rel="stylesheet" href="style.css"  />
 7 </head>
 8 
 9 <body>
10 <div class="content3">
11 <div class="time">还剩 <span id="LeftTime"></span></div>
12 </div>
13 <script>
14 function FreshTime()
15 {
16         var endtime=new Date("2017/5/15,12:20:12");//结束时间
17         var nowtime = new Date();//当前时间
18         var lefttime=parseInt((endtime.getTime()-nowtime.getTime())/1000); 
19         d=parseInt(lefttime/3600/24);
20         h=parseInt((lefttime/3600)%24);
21         m=parseInt((lefttime/60)%60);
22         s=parseInt(lefttime%60);
23        
24         document.getElementById("LeftTime").innerHTML=d+""+h+"小时"+m+""+s+"";
25         if(lefttime<=0){
26         document.getElementById("LeftTime").innerHTML="团购已结束";
27         clearInterval(sh);
28         }
29 }
30 FreshTime()
31 var sh;
32 sh=setInterval(FreshTime,1000);
33 </script>
34 </body>
35 </html>

 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
10071 0
js实现简单的循环打字效果(思路分享)
1.初始化"打字创建"属性 代码类似于这样: var typing = { _el: document.getElementById("demo"), _maxSpeed: 150,//最大输入...
1019 0
三步教你做酷炫的“倒计时”原型效果
日常生活中,我们会看到各种各样的倒计时设计:或是在一段视频的开头;或是隐蔽在屏幕右上角,用于显示广告的时长;或是在软件启动页面,用于增强用户对后面出现内容的期待。
985 0
jQuery Countdown Timer 倒计时效果
  这个一款简单的 jQuery 倒计时插件,用于显示剩余的天数,小时,分钟和秒。倒计时功能是非常有用的一个小功能,可以告诉用户多久以后您的网站将会发布或者关闭进行维护,还可以用于举办活动的开始和停止的倒计时。
934 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
13880 0
JS-倒计时效果
团购-限时抢 1 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.
791 0
项目中的五级地址联动效果(js)
我刚开始是的时候是是写了一个sql语句,但是写了5个函数,来联动地址的。后来请教了前端的师傅,用js来写了一个地址联动的。 我使用的是easyui的框架! 地址联动部分html代码! 省 : 市 : 区/县: 街道: 社区: 因为我的是在添加了一条数据之后,要刷新整个页面。
555 0
+关注
鋒o丫头
这里需要一句话点缀。
139
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载