通过JavaScript脚本实现60秒倒计时

JS 代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>CountDown</title>
</head>
<body><span class="second">开始</span><script>let second = document.querySelector(".second");let i = 60  // 倒计时秒数// 定时器 每隔一秒变化一次（1000ms = 1s）let t = setInterval(countDown, 1000);function countDown() {console.log(i);second.innerHTML = i;// 60 秒倒计时结束if (i === 0)clearInterval(t);i--;}</script>
</body>
</html>

通过JavaScript脚本实现60秒倒计时相关推荐

免费获取验证码60秒倒计时
免费获取验证码60秒倒计时 <!DOCTYPE html> <html> <head> <script src="http://libs.baidu ...
vue页面实现短信验证码60秒倒计时
废话不多说,直接上代码. template <div class='single-wrapper fs14'><div class='single-mb'>短信验证</d ...
简单实现vue验证码60秒倒计时功能
简单实现vue验证码60秒倒计时功能 <span v-if="codeShow" @click="getPhoneCode">点击获取验证码< ...
榛子云短信-微信小程序60秒倒计时插件
为了帮助开发者更便捷的使用微信小程序的短信验证码功能,特别是初学者更好的使用,榛子云短信特地开发了60秒倒计时插件,效果: 使用方法 1.引入插件countdown.js var CountDown ...
微信小程序60秒倒计时
大家可以直接使用插件: https://blog.csdn.net/zuoliangzhu/article/details/90140067 微信小程序发送短信验证码后60秒倒计时功能,效果图: 完整 ...
51单片机数码管显示60秒倒计时（C语言）
51单片机数码管显示60秒倒计时(C语言) 基于普中51单片机开发板,运用定时器/计数器0和1,实现60秒的倒计时和LED灯0.5s间隔闪烁文章目录 51单片机数码管显示60秒倒计时(C语言) 前言 ...
微信小程序点击发送短信验证（60秒倒计时）
微信小程序点击发送短信验证(60秒倒计时) /*** 执行计时,60s后可以重新发送短信验证码*/countdown: function() {var nsecond = 60;var that = ...
51单片机0-99秒表计数器+60秒倒计时（数码管两位数）
51秒表计数器+倒计时(数码管两位数) 一:简介我们实践的效果是用数码管显示0~99并在按下"转换键"后,实现60秒倒计时,并用蜂鸣器报警提示,兼并计数器和倒计时两种功能. 主要 ...
vue获取手机验证码60秒倒计时，不能点击按钮
vue获取手机验证码60秒倒计时,不能点击按钮 export const resend = element => {console.log(element)var num = 60var tim ...
vue 微信录音倒计时_Vue实现发送短息60秒倒计时
原文:https://blog.csdn.net/weixin_43201015/article/details/84405352 Vue实现注册账号时,发送短信60秒倒计时功能,并进行手机号校验的D ...

通过JavaScript脚本实现60秒倒计时

通过JavaScript脚本实现60秒倒计时相关推荐

最新文章

热门文章