Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js 计时

作者:◇梦◆饭饭   发布日期:2025-11-02   浏览:2

// 使用 JavaScript 实现一个简单的计时器

let timer;
let seconds = 0;

function startTimer() {
    // 每隔一秒执行一次 updateTimer 函数
    timer = setInterval(updateTimer, 1000);
}

function updateTimer() {
    // 每次更新秒数并打印到控制台
    seconds++;
    console.log(`已过去的时间: ${seconds} 秒`);
}

function stopTimer() {
    // 清除定时器,停止计时
    clearInterval(timer);
    console.log('计时停止');
}

// 启动计时器
startTimer();

// 假设在5秒后停止计时器
setTimeout(stopTimer, 5000);

解释说明:

  • startTimer 函数使用 setInterval 每隔一秒调用一次 updateTimer 函数。
  • updateTimer 函数每次被调用时,增加 seconds 变量的值,并将其打印到控制台。
  • stopTimer 函数使用 clearInterval 来停止定时器。
  • 最后,通过 setTimeout 在5秒后调用 stopTimer 来停止计时器。

上一篇:js 计时器

下一篇:js drawimage

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

js 数组拷贝

js 对象数组合并

js 对象转数组

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站