js+css实现番茄时间管理计时器代码

代码语言:html

所属分类:其他

代码描述:js+css实现番茄时间管理计时器代码,可新建重置、设置工作时长、休息时长等参数。

代码标签: js css 番茄 时间 管理 计时器 代码

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">

    <style>
        @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,300");
    
    body,
    div,
    span,
    p,
    a {
      margin: 0;
      padding: 0;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      list-style: none;
      text-decoration: none;
    }
    
    body {
      color: #fff;
      font-family: "微软雅黑", "Droid Serif", serif;
      background: linear-gradient(
        90deg,
        rgba(239, 50, 82, 0.8) 10%,
        rgba(239, 159, 22, 0.8)
      );
    }
    
    .wrapper {
      position: relative;
      width: 350px;
      height: 400px;
      padding: 10px;
      margin: 100px auto 0;
      background: linear-gradient(
        180deg,
        rgba(239, 50, 82, 0.5) 20%,
        rgba(239, 159, 22, 0.8)
      );
      b.........完整代码请登录后点击上方下载按钮下载查看

网友评论0