JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了JS实现根据用户输入分钟进行倒计时功能大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

废话不多说了,直接给大家贴代码了。具体代码如下所示:

其实这倒计时之前有接触过很多,只是用的都是别人的源码。 应项目需求,终于认真一回,把一个自己看似很简单的问题,终于耗上了跨度一个星期的时间,才弄出来。 源码直接复制黏贴可用。

冗余版+简化版。

简化版本:

打开调试工具,看效果!

<script type="text/javascript">
/
打开调试工具,看效果!
思路:
1.设置一个倒计时的时间长度;
2.设置开始时间和当前时间;
3.结束时间是 开始时间+倒计时间;
4.结束毫秒-开始毫秒=剩余倒计时间。
/

// 准备 
var countdownMinute = 10;//10分钟倒计时 
var startTimes = new Date('2016-11-16 15:55');//开始时间 new Date('2016-11-16 15:21'); 
var endTimes = new Date(startTimes.setMinutes(startTimes.getMinutes()+countdownMinute));//结束时间 
var curTimes = new Date();//当前时间 
var surplusTimes = endTimes.getTime()/1000 - curTimes.getTime()/1000;//结束毫秒-开始毫秒=剩余倒计时间 

// 进入倒计时 
countdowns = window.setInterval(function(){ 
  surplusTimes--; 
  var minu = Math.floor(surplusTimes/60); 
  var secd = Math.round(surplusTimes%60); 
  console.log(minu+':'+secd); 
  if(surplusTimes<=0){ 
    console.log('时间到!'); 
    clearInterval(countdowns); 
  } 
},1000); 

以上所述是小编给大家介绍的JS实现根据用户输入分钟进行倒计时功能。菜鸟教程 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得菜鸟教程不错,可分享给好友!感谢支持。

大佬总结

以上是大佬教程为你收集整理的JS实现根据用户输入分钟进行倒计时功能全部内容,希望文章能够帮你解决JS实现根据用户输入分钟进行倒计时功能所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: