首页 > 其他分享 >倒计时

倒计时

时间:2023-06-30 16:33:10浏览次数:47  
标签:function const value 倒计时 music ipt time

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div>
<input type="number" placeholder="请输入时间">分钟 <br>
<input type="button" value="开始" ><br>
<input type="number">秒

</div>
<audio src="source/game_music.mp3" id="m"></audio>


</body>
</html>
<script>
const ipt = document.getElementsByTagName('input')
const music = document.getElementById('m')

ipt[1].onclick=function (){
ipt[2].value=ipt[0].value*60
time= setInterval(function () {
ipt[2].value=ipt[2].value-1
if (ipt[2].value==0){
clearInterval(time)
music.play()
}
},1000)
}


</script>

标签:function,const,value,倒计时,music,ipt,time
From: https://www.cnblogs.com/kun030729/p/17517183.html

相关文章

  • 倒计时 2 天!预约本周六 ShardingSphere 线上圆桌会,赢取惊喜好礼!
    ......
  • Tab切换以及倒计时组件封装
    1、Tab组件功能支持默认选中tab子元素可以是文本或者图片自定义tab的数量,并自适应展示实现方式用ul>li标签遍历传入的tabs数组参数渲染判断是否传入背景,未传则显示文字绑定点击事件特点简单易用可适配性2、倒计时组件功能常用于榜单或者活动结束倒计时......
  • 倒计时21天!2023架构·可持续未来峰会全嘉宾阵容亮相,各城市出品方邀您来!
    2023年6月29-30日,TheOpenGroup携手国内知名信息出版内容提供商机械工业出版社,为业界带来一个横跨北京-上海-成都-深圳等多城市的架构视听盛会—「架构·可持续未来峰会」! 本届峰会将将重点关注在经济与社会全面发展的大环境下,企业架构(EA)与技术标准在推动可持续发展过程中的关键......
  • Python实现倒计时按钮
    很多网站会在注册或交易后给出一个许可协议或提醒信息,一般页面上会有个按钮,但是这个按钮是倒计时的,在倒计时结束之前是禁用的。本文使用tkinter模拟了这样的倒计时按钮。importtkinterimporttimeimportthreading#创建应用程序窗口,设置标题和大小root=tkinter.Tk()root.tit......
  • 直播倒计时1天 | 一体化智能可观测平台如何保障电商节大促
    ......
  • jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
    <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title></title>......
  • 为什么会出现 setTimeout 倒计时误差
    setTimeout倒计时误差的出现主要与JavaScript的事件循环机制和计时器的执行方式有关。在JavaScript中,事件循环是用于管理和调度代码执行的机制。setTimeout函数用于设置一个定时器,在指定的延迟时间后执行回调函数。然而,由于事件循环的机制,setTimeout并不能保证在准确的时......
  • OnlineDictionary 倒计时体会
     电子辞典终于要结项了,这几天没命写报告,怎么会有这么多报告要写?GOD!有印象的生活是张开眼就开始写报告,画图,写到睡觉。Why theywant somanykindsofreports?真是要人命!  这次的项目,说实话,学到了很多,团队合作,互相体谅,技术学习。这些都是不可言谈的经......
  • WICC · 出海嘉年华|嘉宾就位、话题揭晓,峰会 & 派对报名倒计时
    双厨狂喜!关注【融云全球互联网通信云】了解更多6月2日即将在广州举办的“WICC·社交泛娱乐出海嘉年华”,将是一场集WICC通信行业大会高端峰会规格、前沿技术内容和社交泛娱乐出海务实场景落地、垂直圈子社交于一体的大型盛会。大咖嘉宾、热点话题已经ready,就等你来~Summit......
  • 验证码倒计时
    this.countdownTime=null;letsend=60;--send;this.getSmsCodeTip=`${send}s后重新获取`;this.countdownTime=setInterval(()=>{--send;if(send===0){this.getSmsCodeTip='重新获取';send=60;this.isCountDown=true;clearInterval(th......