分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

JS中定时器setTimeout,setInterval,clearTimeout,clearInterval用法

发布时间:2023-09-06 02:18责任编辑:傅花花关键词:定时器

  setTimeout是指过多久执行,只执行一次

  setInterval是指每过多久执行一次

  clearTimeout是关闭setTimeout定时器

  clearInterval是关闭setInterval定时器,不让它一直执行

  

<html><head><title></title></head> ???<style> ???????????</style> ???<script> ???????window.onload=function(){ ???????????var aButton=document.getElementsByTagName("input") ???????????var timer="" ???????????var inter="" ???????????aButton[0].onclick=function(){ ???????????debugger ???????????????inter=setInterval(function(){ ???????????????????alert("1") ????????????????},1000) ???????????} ???????????aButton[1].onclick=function(){ ???????????????clearInterval(inter) ???????????????????????????} ???????????aButton[2].onclick=function(){ ???????????????timer=setTimeout(function(){ ???????????????????alert("1") ???????????????},1000) ???????????} ???????????aButton[3].onclick=function(){ ???????????????clearTimeout(timer) ???????????} ???????????????????????????????} ???????????</script><body> ???<input type="button" value="开启Interval" /> ???<input type="button" value="关启Interval"/> ???<input type="button" value="开启timeout"/> ???<input type="button" value="关启timeout"//></body></html>

  

JS中定时器setTimeout,setInterval,clearTimeout,clearInterval用法

原文地址:https://www.cnblogs.com/superCwen/p/9807572.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved