相思资源网 Design By www.200059.com
一个简单的js计时函数(多次定时)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> h1{text-align:center;font-size:40px;} </style> </head> <body> <h1 id="number"> <!-- 倒计时还有 01时01分01秒 --> </h1> <script> //设置倒计时的时间范围 var seconds = 1000; //手工调用计时函数 timeRun(); //定时调用函数 var timer = setInterval(timeRun, 1000); //倒计时函数 function timeRun(){ //获取 h1 var h1 = document.getElementById('number'); //判断 if (seconds <= 0) { h1.innerHTML = "Game Over"; h1.style.fontSize = "120px"; clearInterval(timer); return; } //计算 秒数 里面包含的小时数 var h = Math.floor(seconds / 3600); //计算剩下的秒数 var s = seconds - h * 3600; //在从剩下的秒数中 取出 分钟 var m = Math.floor(s / 60); //计算剩下的秒数 s -= m * 60; //处理数字 <10的数字前加0 h = (h<10)"倒计时还有 "+h+'时'+m+'分'+s+'秒'; //把字符串输出到h1中 h1.innerHTML = message; //秒数减少 seconds --; } </script> </body> </html>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
标签:
js,倒计时,定时
相思资源网 Design By www.200059.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
相思资源网 Design By www.200059.com
暂无js倒计时小实例(多次定时)的评论...
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。