jQuery经典案例【倒计时】

源码：

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><script src="js/jquery-3.4.1.js"></script><label for="show">倒计时:</label><input type="number" id="show" style="width: 45px;" />s<button onclick="start()">开始倒计时</button><script>var times = 0;var clear_cutTime;function start() {times = $('#show').val();//锁定输入框$("#show").attr("disabled", "true");clear_cutTime = setInterval("cutTime()", 1000);}function cutTime() {times--; //js支持一元运算符$('#show').val(times);if (times <= 0) {clearInterval(clear_cutTime);new Audio("res/qnxt.mp3").play();}}</script>
</body></html>

希望能对大家有所帮助。

jQuery经典案例【倒计时】相关推荐

jQuery选择器经典案例
jQuery选择器经典案例具体讲解内容参照上一篇: 选择器详细讲解基本选择器 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN&qu ...
jQuery下拉菜单经典案例
jQuery下拉菜单经典案例源码: <!DOCTYPE html> <html lang="en"><head><meta charse ...
jQuery综合案例——打地鼠(教学版本·附源码)
jQuery综合案例--打地鼠非常经典的案例,完整的训练[jQuery]并且针对[setInterval]与[setTimeout]有一个实质性的训练,学习价值超高,建议教师与学生下载,并用于教学与 ...
JavaScript学习笔记07【6个经典案例——电灯开关、轮播图、自动跳转首页、动态表格、表格全选、表单验证】
Java后端学习路线笔记汇总表[黑马程序员] w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符. ...
《Vue入门到精通》最强Vue教程，附带经典案例，万字详解，干货十足！
目录: 一.前言二.Vue是什么? 1.简介 2.发展史 3.为什么要学习Vue? 4.jQuery.javascript.Vue的区别 5.Vue框架构造三.Vue的使用 1.Vue环境搭建 2 ...
AJAX_入门经典案例
AJAX_入门&经典案例 AJAX 快速入门 AJAX 介绍 AJAX(Asynchronous JavaScript And XML):异步的JavaScript 和 XML. 本身不是一种 ...
jquery十秒倒计时_10个很棒的jQuery倒计时脚本
jquery十秒倒计时在大多数网站(如RapidShare,MegaUpload等)中,我们已经看到了足够的倒计时功能示例,这些示例可让您下载文件,但让您等待指定的秒数,然后才能获得下载链接. 我们 ...
想轻松入门Python编程，这10个经典案例你还不知道嘛？
一直以来,Python都是一门很简单的编程语言,其实无论你有没有基础,学起来都不难. 但,必须有方法,而最好的方法其实就是学+练,即:基本常识+这10经典案例. 而同时有着系统的Python基础知识点 ...
SQL Server中自定义函数和游标应用的经典案例
2019独角兽企业重金招聘Python工程师标准>>> SQL Server中自定义函数和游标应用的经典案例转载于:https://my.oschina.net/zhddzr/bl ...

jQuery经典案例【倒计时】

jQuery经典案例【倒计时】相关推荐

最新文章

热门文章