JS倒计时代码
Posted 小江
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS倒计时代码相关的知识,希望对你有一定的参考价值。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js test</title> <script> /* 时间倒计时插件 TimeDown.js */ function TimeDown(id, endDateStr,times) { //结束时间 var endDate = new Date(endDateStr); //当前时间 var nowDate = new Date(); //相差的总秒数 var totalSeconds = parseInt((endDate - nowDate) / 1000); //天数 var days = Math.floor(totalSeconds / (60 * 60 * 24)); //取模(余数) var modulo = totalSeconds % (60 * 60 * 24); //小时数 var hours = Math.floor(modulo / (60 * 60)); modulo = modulo % (60 * 60); //分钟 var minutes = Math.floor(modulo / 60); //秒 var seconds = modulo % 60; //输出到页面 document.getElementById(id).innerHTML = "还剩:" + days + "天" + hours + "小时" + minutes + "分钟" + seconds + "秒"; //延迟一秒执行自己 if(times>minutes){ times--; //修改数据库时间 console.log("写入数据库数据:" + times); } setTimeout(function () { TimeDown(id,endDateStr,times); }, 1000) } </script> </head> <body> <form id="form1" runat="server"> <div id="show"> </div> <script type="text/javascript"> var times = 15; //获取当前时间 var date = new Date(); //修改分钟 date.setMinutes(date.getMinutes()+times); TimeDown("show",date,times); </script> </form> </body> </html>
以上是关于JS倒计时代码的主要内容,如果未能解决你的问题,请参考以下文章