万奢网-名品奢网名表回收网 › 首页 › 查看评论

JavaScript 中的定时器怎么创建？

评论 (1)|发表评论

名表鉴定大师 2023-2-15 19:30 引用

js 定时器有以下两个方法：setInterval() ：按照指定的周期（以毫秒计）来调用函数或计算表达式。方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。setTimeout() ：在指定的毫秒数后调用函数或计算表达式。setInterval()语法setInterval(code,millisec,lang)参数描述code必需。要调用的函数或要执行的代码串。millisec必须。周期性执行或调用 code 之间的时间间隔，以毫秒计。lang可选。 JScript | VBScript | JavaScript以下实例在每 1000 毫秒执行 clock() 函数。实例中也包含了停止执行的按钮:<html>

<body>

<input type="text" id="clock" />

<script type="text/javascript">

var int=self.setInterval("clock()",1000);

function clock()

{

var d=new Date();

var t=d.toLocaleTimeString();

document.getElementById("clock").value=t;

}

</script>

<button onclick="int=window.clearInterval(int)">停止</button>

</body>

</html>setTimeout()语法setTimeout(code,millisec,lang)参数描述code必需。要调用的函数后要执行的 JavaScript 代码串。millisec必需。在执行代码前需等待的毫秒数。lang可选。脚本语言可以是：JScript | VBScript | JavaScript实例演示如下：<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

</head>

<body>

<p>点击按钮，在等待 3 秒后弹出 "Hello"。</p>

<button onclick="myFunction()">点我</button>

<script>

function myFunction()

{

setTimeout(function(){alert("Hello")},3000);

}

</script>

</body>

</html>我们是W3Cschool编程狮，致力于帮助初学者入门及提升程序员开发效率，学编程，从这里开始！关注公众号「W3Cschool」与「w3cschool编程狮」，可获得10G+新手编程学习资料包！点击https://w3cschool.cn，浏览1000+免费编程教程及文档。