js倒计时等待下班时间代码

来源:https://www.sucaihuo.com/js/1989.html 2017-05-20 23:55浏览(1317) 收藏

一款简单的js倒计时代码,页面开始会弹出时间设定,按照规则设定好时间确认即可运行。
js倒计时等待下班时间代码
分类:日期时间 > 倒计时 难易:初级
查看演示 下载资源 下载积分: 30 积分

所有的CSS样式和javascript都写在页面里面了,都可以在页面里面直接修改,及时生效,部分CSS代码如下:

javascript代码也比较简单,适合初学者学习,部分代码如下:

<script>
var hourtime=prompt("输入下班时间,如下: ","17:30:00");
function displayTime() {
var elt = document.getElementById("clock");
var elt2 = document.getElementById("todaydatetime");
if(leftTime < 0) 
{
elt.innerHTML = "Over";
}
 else 
{
//var endTime = new Date("2016/12/30 17:30:00");
var endTime =new Date(new Date().toLocaleDateString()+" "+hourtime);
var now = new Date();

var nowYear=now.getFullYear();
var nowMonth=now.getMonth()+1;
var nowDay=now.getDate();

var leftTime = endTime.getTime() - now.getTime();
var ms = parseInt(leftTime % 1000).toString();
leftTime = parseInt(leftTime / 1000);
var o = Math.floor(leftTime / 3600);
var d = Math.floor(o / 24);
var m = Math.floor(leftTime / 60 % 60);
var s = leftTime % 60;

elt2.innerHTML = nowYear + " 年 " + nowMonth + " 月 " + nowDay + " 日 ";
//elt.innerHTML = nowYear + " 年 " + nowMonth + " 月 " + nowDay + " 日 " + o + "小时:" + m + "分:" + s + "秒:" + ms.charAt(0);
elt.innerHTML =o + "小时:" + m + "分:" + s + "秒:" + ms.charAt(0);
setTimeout(displayTime, 100);
}
}
displayTime();
</script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2