博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
window对象方法之setTimeout(),setInterval()
阅读量:6122 次
发布时间:2019-06-21

本文共 1657 字,大约阅读时间需要 5 分钟。

window中的这两个方法是比较重要的,在许多的设计中会使用到这两个方法。比如使用在倒计时抢购中。

首先来说说这两个方法的用法吧!

一:window.setTimeout();

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 //延迟几秒以后执行代码,并且只执行 一次

语法:

setTimeout(code,millisec); 例子:两秒后,弹出“hello js”;
1  第一个参数 我们要执行的代码 或则 一个函数   2  第二个参数  毫秒数 第一种写法 (直接写 js 代码) window.setTimeout("alert('hello js')",2000); 第二种写法   先书写函数 function sayHello(){
alert('Hello JS'); } window.setTimeout(sayHello,2000); 第三种写法 写匿名函数 window.setTimeout( function sayHello(){
alert('hello js'); } ,2000); //第四种写法
function sayHello(){
alert('Hello JS'); }
window.setTimeout('sayHello()',2000); 二:window.setInterval() ; setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式;//每隔几秒调用一次代码; 语法:
setTimeout(code,millisec); 注意:setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。 例子:倒计时10秒; 界面:

 
    
10
View Code
div{
width: 100px; height: 100px; margin: 10px 10px; background-color: aqua; color: black; font-size:50px; border: 1px blue solid; text-align: center; line-height: 100px;}
View Code
window.οnlοad=function(){    var div1=document.getElementsByTagName('div')[0];    var btn=document.getElementsByTagName('button')[0];    var btn1=document.getElementsByTagName('button')[1];    btn.onclick=function(){    time=  window.setInterval(function (){        var num=parseInt(div1.innerHTML);        if(num>0){
//倒计时的数字需要大于0; num--; div1.innerHTML=num; } },1000); }; btn1.onclick=function(){ window.clearInterval(time); }};
View Code

 

 

 

转载于:https://www.cnblogs.com/hellokitty1/p/4790022.html

你可能感兴趣的文章
nagios邮件报警配置
查看>>
Java 生产条形码代码
查看>>
python web开发-flask连接sqlite数据库
查看>>
Zxing二维码扫描
查看>>
MMU的作用
查看>>
Ubuntu环境下 matplotlib 图例中文乱码
查看>>
PostgreSQL--杀死已挂掉的连接
查看>>
决心书
查看>>
sendmail 安装配置与使用
查看>>
文件描述符和df的一个有趣的问题
查看>>
01月09日 四周二次
查看>>
计算机网络(2)
查看>>
14.4-14.5 NFS的exportfs命令,NFS客户端问题
查看>>
大型网站架构之千万PV之RabbitMQ
查看>>
一:Linux 虚拟机的安装 二:Linux 挂载iso文件 三:Linux yum的搭载
查看>>
Docker设置固定ip地址
查看>>
linux ftp
查看>>
LVM逻辑卷管理
查看>>
Docker image管理基础
查看>>
Python语言基础之计时,pickle,列表解析
查看>>