电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

您的位置:首頁技術(shù)文章
文章詳情頁

JavaScript setTimeout()基本用法有哪些

瀏覽:94日期:2023-10-09 08:53:57

在制作網(wǎng)頁動態(tài)效果時(shí),可能會遇到需要延時(shí)在執(zhí)行的需求,這時(shí)就可以用到 js 中定時(shí)器來實(shí)現(xiàn)此類需求,本文將對setTimeout()做一個(gè)用法總結(jié)。

setTimeout() 方法用于在指定的毫秒數(shù)后調(diào)用函數(shù)或計(jì)算表達(dá)式(以毫秒為單位) setTimeout()只執(zhí)行函數(shù)一次,如果需要多次調(diào)用可以使用setInterval(),或者在函數(shù)體內(nèi)再次調(diào)用setTimeout()

setTimeout()用法

舉個(gè)簡單的例子

加入下列代碼,在打開的頁面靜候三秒后,彈出警告框“你好”

<script> setTimeout('alert(’你好’)', 3000) </script>

效果:

再復(fù)雜一些的function定義

<script>var myvar;function myFunction() { myVar = setTimeout(alertFunc, 3000);}function alertFunc() { alert('Hello!');}

自動每秒加 1 的 function

使用 setTimeout( ) 令文字框的數(shù)值每秒就加 1, 當(dāng)然你也可以設(shè)定其他遞增的速度, 例如每五秒就加 5, 或每五秒就加 1。

<script>x = 0function countSecond( ){ x = x+1  document.fm.displayBox.value=x  setTimeout('countSecond()', 1000)}</script> <body bgcolor=lightcyan text=red> <p> </br><form name=fm><input type='text' name='displayBox'value='0' size=4 ></form><script>countSecond( )</script></body>

用上述的方法設(shè)定時(shí)間, setTimeout( ) 雖然設(shè)定了是一秒, 但瀏覽器還有另外兩項(xiàng)功能要執(zhí)行, 所以一個(gè)循環(huán)的時(shí)間是稍多于一秒, 例如一分鐘可能只有58 個(gè)循環(huán)。

延時(shí)關(guān)閉網(wǎng)頁

按下按鈕,Window open()打開一個(gè)網(wǎng)頁,執(zhí)行命令,三秒鐘后自動關(guān)閉

<button onclick='openWin()'>打開 '窗口'</button><script>function openWin() { var myWindow = window.open('', '', 'width=200, height=100'); myWindow.document.write('這是一個(gè)新窗口'); setTimeout(function(){ myWindow.close() }, 3000);}</script>

取消setTimeout()

當(dāng)一個(gè) setTimeout( ) 開始了循環(huán)的工作, 我們要使它停下來, 可使用 clearTimeout( )

<button onclick='myFunction()'>點(diǎn)我彈出</button><button onclick='myStopFunction()'>阻止彈出</button><script>var myVar;function myFunction() { myVar = setTimeout(function(){ alert('Hello') }, 2000);}function myStopFunction() { clearTimeout(myVar);}</script>

小結(jié)

setTimeout(),clearTimeout() , setInterval() 可以在寫代碼過程中靈活運(yùn)用其特點(diǎn)達(dá)到需要完成的目的

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。

標(biāo)簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 节流截止放空阀-不锈钢阀门-气动|电动截止阀-鸿华阀门有限公司 | 手机游戏_热门软件app下载_好玩的安卓游戏下载基地-吾爱下载站 | 深圳货架厂_仓库货架公司_重型仓储货架_线棒货架批发-深圳市诺普泰仓储设备有限公司 | 深圳市超时尚职业培训学校,培训:月嫂,育婴,养老,家政;化妆,美容,美发,美甲. | LED投光灯-工矿灯-led路灯头-工业灯具 - 山东普瑞斯照明科技有限公司 | 澳洁干洗店加盟-洗衣店干洗连锁「澳洁干洗免费一对一贴心服务」 干洗加盟网-洗衣店品牌排行-干洗设备价格-干洗连锁加盟指南 | 高精度电阻回路测试仪-回路直流电阻测试仪-武汉特高压电力科技有限公司 | 伊卡洛斯软装首页-电动窗帘,别墅窗帘,定制窗帘,江浙沪1000+别墅窗帘案例 | 橡胶接头_橡胶软接头_套管伸缩器_管道伸缩器厂家-巩义市远大供水材料有限公司 | 砂石生产线_石料生产线设备_制砂生产线设备价格_生产厂家-河南中誉鼎力智能装备有限公司 | 3dmax渲染-效果图渲染-影视动画渲染-北京快渲科技有限公司 | 浙江工业冷却塔-菱电冷却塔厂家 - 浙江菱电冷却设备有限公司 | 杭州网络公司_百度SEO优化-外贸网络推广_抖音小程序开发-杭州乐软科技有限公司 | 东莞办公家具厂家直销-美鑫【免费3D效果图】全国办公桌/会议桌定制 | 馋嘴餐饮网_餐饮加盟店火爆好项目_餐饮连锁品牌加盟指南创业平台 | 拉伸膜,PE缠绕膜,打包带,封箱胶带,包装膜厂家-东莞宏展包装 | 北京宣传片拍摄_产品宣传片拍摄_宣传片制作公司-现像传媒 | 柴油机_柴油发电机_厂家_品牌-江苏卡得城仕发动机有限公司 | 医养体检包_公卫随访箱_慢病随访包_家签随访包_随访一体机-济南易享医疗科技有限公司 | 木材烘干机,木炭烘干机,纸管/佛香烘干设备-河南蓝天机械制造有限公司 | 商标转让-购买商标专业|放心的商标交易网-蜀易标商标网 | 福州甲醛检测-福建室内空气检测_环境检测_水质检测-福建中凯检测技术有限公司 | SRRC认证_电磁兼容_EMC测试整改_FCC认证_SDOC认证-深圳市环测威检测技术有限公司 | 钢板仓,大型钢板仓,钢板库,大型钢板库,粉煤灰钢板仓,螺旋钢板仓,螺旋卷板仓,骨料钢板仓 | 济南律师,济南法律咨询,山东法律顾问-山东沃德律师事务所 | 塑料瓶罐_食品塑料瓶_保健品塑料瓶_调味品塑料瓶–东莞市富慷塑料制品有限公司 | 证券新闻,热播美式保罗1984第二部_腾讯1080p-仁爱影院 | led全彩屏-室内|学校|展厅|p3|户外|会议室|圆柱|p2.5LED显示屏-LED显示屏价格-LED互动地砖屏_蕙宇屏科技 | 一体化隔油提升设备-餐饮油水分离器-餐厨垃圾处理设备-隔油池-盐城金球环保产业发展有限公司 | 模型公司_模型制作_沙盘模型报价-中国模型网 | 电加热导热油炉-空气加热器-导热油加热器-翅片电加热管-科安达机械 | 别墅图纸超市|别墅设计图纸|农村房屋设计图|农村自建房|别墅设计图纸及效果图大全 | 深圳市索富通实业有限公司-可燃气体报警器 | 可燃气体探测器 | 气体检测仪 | 皮带输送机-大倾角皮带输送机-皮带输送机厂家-河南坤威机械 | 工业机械三维动画制作 环保设备原理三维演示动画 自动化装配产线三维动画制作公司-南京燃动数字 聚合氯化铝_喷雾聚氯化铝_聚合氯化铝铁厂家_郑州亿升化工有限公司 | 东莞喷砂机-喷砂机-喷砂机配件-喷砂器材-喷砂加工-东莞市协帆喷砂机械设备有限公司 | 贝壳粉涂料-内墙腻子-外墙腻子-山东巨野七彩贝壳漆业中心 | 雷蒙磨,雷蒙磨粉机,雷蒙磨机 - 巩义市大峪沟高峰机械厂 | 蜂窝块状沸石分子筛-吸附脱硫分子筛-萍乡市捷龙环保科技有限公司 | 缝纫客 | 纸塑分离机-纸塑分离清洗机设备-压力筛-碎浆机厂家金双联环保 |