首页 > 其他分享 >js倒计时功能

js倒计时功能

时间:2022-12-29 16:31:26浏览次数:44  
标签:60 功能 seconds hours js 倒计时 var time minitus


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function $(id){
return document.getElementById(id);
}
var time = 24*60*60;

function changeTime(){
time = time-1;
var hours = Math.floor(time/(60*60));
hours = (hours>9?hours:('0'+hours))
var minitus = Math.floor(time/60%60);
minitus = (minitus>9?minitus:('0'+minitus))
var seconds =Math.floor(time%60%60);
seconds = (seconds>9?seconds:('0'+seconds));
$('time').innerHTML = hours +':'+minitus +':'+seconds ;

}
setInterval('changeTime()',1000);
</script>
</head>
<body>
<div style='font-size:111px' id='time'></div>

标签:60,功能,seconds,hours,js,倒计时,var,time,minitus
From: https://blog.51cto.com/u_14724733/5978364

相关文章

  • main.js和 router文件夹里面的index.js引入的vue一定要一样
     当 main.js和router文件夹里面的index.js引入的vue不一样      错误:找不到<router-view>标签解决办法:将main.js和index.js的vue引入成为一样的......
  • Movavi视频套件2022功能简介
    Movavi视频套件2022多合一的视频制作工具:编辑器、转换器、屏幕录像机等。非常适合远程工作和远程学习。  产品功能01、编辑视频和音频使用......
  • 记:后端对字符串进行gzip压缩,前端js进行gzip解压
    最近有个需求要求对长字符串进行gzip压缩,然后在js进行解压缩的操作:publicstaticvoidmain(String[]args){try{StringlongString="www.baidu.com";......
  • 查找蓝牙WiFi功能,搜索名字并列举出来
    先有一个概念,蓝牙分为普通蓝牙和低功耗(BLE)蓝牙,低功耗蓝牙激活时信号和普通蓝牙信号一样,低功耗时必须搜索低功耗蓝牙信号如果使用普通代码搜索,不能搜索到低功耗蓝牙信号......
  • JSX/TSX的好处
    1.之前没怎么用过JSX/TSX,基本上还是用html/css/js分离的方式,但是最近的一个@click="func(3)"的实现,发现了JSX的好处之一;如上,在html的某个元素里用了@click="func(3)"属......
  • 解决使用JSON.stringify时遇到的循环引用问题
    利用 js MessageChannel函数进行封装一个函数新建一个MessageChannel的实例,获取两个管道,我们从管道1发送数据,从管道2进行接收,我们这样就拿到新的数据,这样就能......
  • js. hw4
    functionensure(condition,message){//在条件不成立的时候,输出messageif(!condition){console.log('***测试失败:',message)}else{con......
  • nestjs 使用异常过滤器
    创建过滤器需要实现ExceptionFilter然后实现他的catch方法最后通过response.status(status).json返回(response通过host.switchToHttp().getResponse()获取)在局部使用则......
  • js 实现版本号排序
    //方法一:从左到右迭代,从高位判断,返回高位的大小结果注意:仅适用于版本号各个位的位数相同letversions=["1.45.0","1.5","6","2.3.4.5"];versions=versions.sor......
  • 掌握这5大功能,解锁鲲鹏开发新发现
    摘要:目前,鲲鹏亲和开发框架提供:场景化SDK、启发式编程、鲲鹏亲和分析、鲲鹏调试器、远程实验室等功能,降低开发应用难度,方便开发者使用鲲鹏架构提供的软硬协同能力,提升开发效......