射流研究…倒计时器可自定义时间和暂停，效果如下，点击开始开始计时，结束结束计时

分别复制H5 css js代码即可实现，具体的算法在射流研究…控制函数中（都写了注释)

钢性铸铁

html，正文{宽度：100%；高度：100%;}.内容{身高：100%；宽度：100%;}.行中心{ display : flex flex-direction : row；正义-内容：中心；对齐-项目：居中；}.TC-input-style { outline ne : none；border:none宽度：20%;高度：80%;边界半径：10像素；}.TC-span-style {宽度：30%；高度：100%;字体粗细：加粗；}.TC-font-style { font-size :15 px；字体粗细：加粗；}.TC-div-style 1 {身高：33%；宽度：100%}。TC-div-style 0 {高度：30%；宽度：100%}。TC-div-style 2 {高度：10%；宽度：100%;}.TC-div-style 3 {高度：100%；宽度：30%} .列中心{ display : flex flex-direction :柱；正义-内容：中心；对齐-项目：居中；}.列-开始-中心{ display : flex flex-direction :柱；狡辩-内容： flex-start；对齐-项目：居中；} #时间计数{身高：50%；宽度：20%;}.button-style-0 { border-radius :10 px；}.{ display : flex flex-direction : row；证明内容：空间周围；对齐-项目：居中；}h5

body div class=' content row-center ' div id=' time count ' class=' column-center TC-font-style ' div class=' column-start-center TC-div-style 0 ' div class=' row-center TC-div-style 1 ' span class=' TC-span-style row-center '小时：/span put class=TC-input-style id=' hour _ count ' value=' 0 '/div class='行中心TC-div-style 1 ' span class=' TC-span-style行中心'分钟：/span put class=TC-input-style id=' minute _ count ' 值=' 0 '/div class='行中心TC-div-style 1 ' span class=' TC-span-style行中心'秒：/span put class=TC-input-style id=' second _ count ' value=' 0 '/div/div class=' row-center TC-div-style 2 ' div class=' row-center TC-div-style 3 ' id=' second _ show '/div/div class=' row-space-round记得引入日本季刊日本季刊

脚本src=' http :3359 cdn。bootcss。com/jquery/2。1 .1/jquery。量滴js '/脚本js

脚本类型=' text/JavaScript ' var时间计数；//定义一个全局变量函数计时器(intDiff){ //定义一个循环函数每一秒定时执行时间计数=setInterval(function(){ var hour=0，分钟=0，秒=0；//初始化时间默认值//算法控制if(int diff 0){ hour=math。下限(int diff/(60 * 60))；分钟=Math.floor(intDiff/60) -(小时* 60);second=Math.floor(intDiff) -(小时* 60 * 60) -(分钟* 60);}如果(分钟=9)分钟='0 '分钟；如果(秒=9)秒='0 '秒；//打印到dom $('#hour_show ').html('s id='h'/s' hour '时');$(' #分钟_显示')。html('s/s '分钟'分');$('#second_show ').html('s/s '秒'秒');int Diff-；}, 1000);控制台。日志(IntDiff)；}函数时间码(){ console . log($(“# hour _ count”).val())计数=parseInt($('#hour_count ').val()* 3600)parseInt($(' #分钟数').val()* 60)Parseint($(' # second _ count ').val())计时器（计数);//调用计时器函数console.log(计数);}函数timestop(){ var hour=$(' # hour _ show ').text()；定义变量分钟=$(' #分钟_显示').text()；var second=$('#second_show ').text()；var time=parseInt($('#hour_show ').text())* 3600 parseInt($(' # minute _ show ').text())* 60 parseInt($(' # second _ show ').text())控制台。日志(时间)；timecount=window.clearInterval(时间计数);//停止计时器}/脚本以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。