JavaScript 计时时间-window方法

小朱想偷月亮

于 2023-07-31 09:12:28 发布

阅读量233

点赞数

分类专栏： JavaScript基础文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/zdn135860_/article/details/132015431

版权

JavaScript基础专栏收录该内容

44 篇文章 0 订阅

订阅专栏

setTimeout() -定时执行

myVar= window.setTimeout(function, milliseconds);
- function：调用的函数
- milliseconds：从当前起多少毫秒后执行第一个参数
setTimeout(function(){alert("Hello")},3000);
setTimeout() 方法会返回某个值。在上面的语句中，值被储存在名为 myVar 的变量中。假如你希望取消这个 setTimeout()，你可以使用这个变量名来指定它。

clearTimeout() -停止执行

clearTimeout() 方法用于停止执行setTimeout()方法的函数代码。
window.clearTimeout(timeoutVariable)
window.clearTimeout() 方法可以不使用window 前缀。
要使用clearTimeout() 方法, 你必须在创建超时方法中（setTimeout）使用全局变量:myVar=setTimeout("javascript function",milliseconds);
如果函数还未被执行，你可以使用 clearTimeout() 方法来停止执行函数代码。

<body>
<p>点击第一个按钮等待3秒后出现"Hello"弹框。</p>
<p>点击第二个按钮来阻止第一个函数运行。（你必须在3秒之前点击它）。</p>
<button onclick="myFunction()">点我</button>
<button onclick="myStopFunction()">停止弹框</button>
<script>
var myVar;
function myFunction(){
	myVar=setTimeout(function(){alert("Hello")},3000);
}
function myStopFunction(){
	clearTimeout(myVar);
}
</script>
</body>

const week = ['天', '一', '二', '三', '四', '五', '六'],
    dom = document.getElementById("dateTxt"),
    checkTime = i => (i < 10) ? `0${i}` : i; // 在小于10的数字前加一个‘0’
let today;

function startTime() {
    today = new Date();
    dom.innerHTML = `星期${week[today.getDay()]} ：${checkTime(today.getHours())}:${checkTime(today.getMinutes())}:${checkTime(today.getSeconds())}`;
}
setInterval(startTime, 500); //循环计时
// 显示样式：星期五：10:12:21

setInterval()-定时循环执行

setInterval() 间隔指定的毫秒数不停地执行指定的代码
window.setInterval(function,milliseconds);
- function：调用的函数
- milliseconds：间隔的毫秒数
window.setInterval()方法可以不使用 window 前缀，直接使用函数 setInterval()。
setInterval(function(){alert("Hello")},3000);//每三秒弹出一个hello

<body>
<p>在页面显示一个时钟</p>
<p id="demo"></p>
<script>
var myVar=setInterval(function(){myTimer()},1000);
function myTimer(){
	var d=new Date();
	var t=d.toLocaleTimeString();
	document.getElementById("demo").innerHTML=t;
}
</script>
</body>

clearInterval() -停止执行

clearInterval() 方法用于停止 setInterval() 方法执行的函数代码。
window.clearInterval(intervalVariable)
window.clearInterval()方法可以不使用window前缀，直接使用函数clearInterval()。
要使用 clearInterval() 方法, 在创建计时方法时你必须使用全局变量：myVar = setInterval(function,milliseconds);

<script>
var myVar=setInterval(function(){myTimer()},1000);
function myTimer(){...}
function myStopFunction(){
    clearInterval(myVar);
}
</script>

小朱想偷月亮

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 计时时间-window方法

【代码】JavaScript 计时时间-window方法。
复制链接

扫一扫

专栏目录

JavaScript 计时时间-window方法

setTimeout() -定时执行

clearTimeout() -停止执行

setInterval()-定时循环执行

clearInterval() -停止执行

“相关推荐”对你有帮助么？