js实现可增加时间显示分钟数的及时器

重装系统20块谢谢

于 2018-05-07 15:23:51 发布

阅读量346

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/qq_37828633/article/details/80226354

版权

js 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

   <!DOCTYPE html> 
 

   < 
  html 
  lang= 
  "en"> 
 

   < 
  head> 
 

   < 
  meta 
  charset= 
  "UTF-8"> 
 

   < 
  meta 
  name= 
  "viewport" 
  content= 
  "width=device-width, initial-scale=1.0"> 
 

   < 
  meta 
  http-equiv= 
  "X-UA-Compatible" 
  content= 
  "ie=edge"> 
 

   < 
  title>Document</ 
  title> 
 

   </ 
  head> 
 

   < 
  body> 
 

   < 
  script> 
 
 
  var j 
  = 
  0; 
 
 
  var i 
  = 
  0; 
 
 
  var m 
  = 
  0; 
 

   window. 
  onload 
  = 
  function(){ 
 
 
 
 
  setInterval( 
  'change()', 
  10); 
 

   } 
 
 
 
 
  function 
  change(){ 
 
 
 

   i 
  ++; 
 
 
  if(i 
  === 
  100){ 
 

   j 
  ++; 
 

   i 
  = 
  0; 
 

   } 
 
 
  if(j 
  === 
  60){ 
 

   m 
  ++; 
 

   j 
  = 
  0; 
 

   } 
 

   document. 
  getElementById( 
  'p1').innerHTML 
  =m 
  + 
  '分钟' 
  +j 
  + 
  '.' 
  +i 
  + 
  '秒'; 
 

   } 
 
 
  function 
  restart(){ 
 

   i 
  = 
  0;j 
  = 
  0;m 
  = 
  0; 
 

   document. 
  getElementById( 
  'p1').innerHTML 
  =m 
  + 
  '分钟' 
  +j 
  + 
  '.' 
  +i 
  + 
  '秒'; 
 

   } 
 
 
  function 
  addFive(){ 
 

   j 
  += 
  5; 
 

   document. 
  getElementById( 
  'p1').innerHTML 
  =m 
  + 
  '分钟' 
  +j 
  + 
  '.' 
  +i 
  + 
  '秒'; 
 

   } 
 

   </ 
  script> 
 
 
 

   < 
  p 
  id= 
  "p1">0</ 
  p> 
 

   < 
  button 
  onclick= 
  "restart()">重置</ 
  button> 
 

   < 
  button 
  onclick= 
  "addFive()">加五秒</ 
  button> 
 

   </ 
  body> 
 

   </ 
  html> 
 

重装系统20块谢谢

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js实现可增加时间显示分钟数的及时器

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &
复制链接

扫一扫

专栏目录