JS实现番茄钟倒计时

文字解释都在注释里了，JS很有趣。

function start() {
var planId = "";var planName = document.getElementById(id).getAttribute("value");  //获取选中单选框的子ID的父IDplan = "&planId=" + id + "&planName=" + planName;$.ajax({type: "POST",url: "/Countdown/RunTime",data: plan,success: function (data) {       //data接收返回来的值$.ajax({type: "POST",url: "/Countdown/insertRecord",data: plan,              //这里的data是传到B层的id和名字});timer = setInterval("CountDown()", 1000);   //setInterval动作的作用是在播放动画的时，每隔一定时间就调用函数，方法或对象。可以使用本动作更新来自数据库的变量或更新时间显示。调用CountDown方法，1000毫秒进行一次maxtime = data * 60;      //定义maxtime为传回来的值X60，单位为秒}});
}
function CountDown() {if (maxtime >= 0) {                         //如果刚刚定义的maxtime大于0，进行下面的操作minutes = Math.floor(maxtime / 60);     //Math.floor是向下取整seconds = Math.floor(maxtime % 60);msg = minutes + "分" + seconds + "秒";x.innerHTML = msg;--maxtime;                               //maxtime递减} else {clearInterval(timer);                    //clearInterval（）是清空倒计时$('#myModal1').modal({ show: true });    //显示模态框}
}

JS实现番茄钟倒计时相关推荐

Python实现简单的闹钟/倒计时/番茄钟软件并打包成exe
文章目录开发背景程序界面及使用介绍程序源码使用Pyinstaller打包成exe 程序下载链接备注开发背景玩电脑总是忘记休息,手机定闹钟太麻烦,在网上也没有搜索到符合我需求的极简软件,故 ...
简黑时钟 AClock 2.8 中文版，一款全屏翻页时钟/倒计时/番茄钟
AClock 是一款多功能 Mac翻页时钟应用,支持倒计时功能,可以将翻页时钟设置为mac的屏幕保护. 特色功能: 翻页时钟.经典数字时钟随心切换内置便捷的秒表.倒计时.番茄钟自定义日期 - 倒数 ...
网页番茄钟(Pomodoro timer)
用js/jq实现一个番茄钟的方法最终效果如图: 这个番茄钟主要的功能需求有三个: 1. 修改休息时间 2. 修改工作时间 3. 显示timer 修改时间的部分比较简单,需要注意的就是在时间为1分钟的 ...
用antd实现番茄钟
番茄工作法是十分有效的时间管理工具,动手开发一个番茄钟提高自己的工作效率. 点击链接,体验一个简单番茄钟的实现效果:软件测试工具箱只需要一个js文件,代码如下 import { Typography ...
微信小程序--实现番茄钟功能
番茄钟: 经常使用番茄钟的各种app,自己也想尝试一下制作,该小程序主要实现了番茄时钟.效率统计等功能. 设计如下: 代码地址:https://gitcode.net/weiba_tao/myprac ...
备忘录，番茄钟，复盘反馈的学习类小程序
寒假完成的一个项目,对javascript真的是从零开始学起不过很好上手,借助于方便的云开发,也不用折腾后端,最后也顺利结题了. 本项目开发了一款软件,帮助大学生制作定制的学习计划,改善学习习惯,提高 ...
todo文件说明已停止工作_番茄ToDo，一款颜值功能兼备的番茄钟。
文/ Quasimodo 首发于一周进步相信很多人都听过了「番茄工作法」,是一个对比GTD更加微观的时间管理方法. 它的工作原理是:每工作25分钟(即一个番茄时间),休息5分钟. 在这25分钟内,专 ...
vue番茄钟 electron打包
序平时对自己学习工作计划安排可以使用番茄钟去规划. 番茄钟:一个很简单的时间管理方法,设置一个固定时间,根据自己情况调整,这个时间是一个倒计时,在这段时间内认真去做一件事情,然后一个番茄钟结束后,休 ...
使用 React 和 Vite 使用 Tauri 构建番茄钟
Tauri是一组工具,可让您使用前端框架构建跨平台桌面应用程序.当与 React 和 Vite 结合使用时,它可以用于为所有桌面平台构建极其快速的二进制文件. 开发人员可以使用 Tauri 通过 We ...

JS实现番茄钟倒计时

JS实现番茄钟倒计时相关推荐

最新文章

热门文章