JavaScript 实现使用时间差来转换倒计时效果。
来源:互联网 发布:ubuntu 64 位.vmdk 编辑:程序博客网 时间:2024/06/15 18:49
使用JavaScript技术,实现使用时间差来转换倒计时效果。
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>研究生考试时间</title><script language="javascript" type="text/javascript"> function checkTime(i) { if(i<10) { i="0"+i; } return i; } var time = setInterval('showTime()',500); function showTime() { var timedate= new Date("2016/10/01,10:13:55"); //自定义结束时间 var now = new Date(); //获取当前时间 var date = parseInt(timedate.getTime() - now.getTime())/1000; //得出的为秒数; if(date <= 0) { document.getElementById("txtshow").innerHTML="倒计时已经结束"; clearInterval(time); } var day = parseInt(date/60/60/24); var hour = parseInt(date/60/60%24); var minute = parseInt(date/60%60); var second = parseInt(date%60); hour = checkTime(hour); minute = checkTime(minute); second = checkTime(second); var leftTime = day+"天"+hour+"时"+minute+"分"+second+"秒"; document.getElementById('timeShow').innerHTML = leftTime; time; }</script></head><body> <div class="content2"> <div id="txtshow">距离设置时间还有 <b id="timeShow"></b> </div> </div></body></html>
效果图:
0 0
- JavaScript 实现使用时间差来转换倒计时效果。
- JavaScript实现倒计时效果
- JavaScript实现倒计时效果
- Javascript应用--实现倒计时按钮效果
- 使用javascript和css来实现textbox水印效果
- iOS --- 使用UIImageView来实现倒计时动画
- 使用线程来实现一个时间倒计时
- Javascript倒计时效果
- 通过ValueAnimator 来实现按钮点击后倒计时的效果
- javascript实现时间差
- JAVASCRIPT使用setTimeout实现时间倒计时
- JavaScript实现获取动态密码倒计时效果demo
- Jquery实现倒计时效果
- js实现倒计时效果
- jquery实现倒计时效果
- jQuery实现倒计时效果
- JS实现倒计时效果
- js实现倒计时效果
- bzoj 4631: 踩气球 线段树建图
- 链接与链接脚本
- 剑指offer-3-面试13:在O(1)时间删除链表结点
- Objective-C类的定义和实现
- 2-9prev ~ siblings选择器
- JavaScript 实现使用时间差来转换倒计时效果。
- 3-1:first过滤选择器
- mysql主键 外键 索引
- OkHttp初认识
- java入门
- DOS命令行发现Windows是否中毒
- VC编译常用设置选项
- 关于我
- Tomcat的服务启动做了些什么?