屏幕使用时间管理工具 - 跟踪并控制您的屏幕时间 - 常规

<!DOCTYPE html><html><head><title>屏幕使用时间程序</title><style>body{background-color:#f5f3e7;font-family:Arial,sans-serif;margin:0;padding:20px;}h1{color:#ffcc00;text-align:center;}.container{display:flex;flex-direction:column;justify-content:center;margin-top:50px;}.button{width:100px;height:100px;background-color:#ffd633;border-radius:50%;margin:0 10px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color 0.3s;}.button:hover{background-color:#ffcc00;}form{margin-top:50px;}.form-group{display:flex;margin-bottom:10px;}label{display:inline-block;margin-right:10px;}input[type="text"],select{display:inline-block;width:200px;padding:5px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;}input[type="submit"]{background-color:#4CAF50;color:white;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;transition:background-color 0.3s;}input[type="submit"]:hover{background-color:#45a049;}#settings{display:flex;justify-content:center;}</style></head><body><h1>屏幕使用时间程序</h1><div class="container"><div class="button" onclick="openReport()">报告</div><div class="button" onclick="openSettings()">设置</div><div class="button" onclick="openAbout()">关于</div></div><div id="settings" style="display: none;"><form><div class="form-group"><label for="interval">提醒间隔时间（分钟）:</label><input type="text" id="interval" name="interval" required></div><div class="form-group"><label for="notification">提醒方式:</label><select id="notification" name="notification"><option value="fullscreen">全屏提醒</option><option value="system">系统通知提醒</option><option value="in-app">应用内提醒</option></select></div><div class="form-group"><label for="message">提醒文案:</label><input type="text" id="message" name="message" required></div><div class="form-group"><label for="image">提醒图片:</label><input type="text" id="image" name="image" required></div><div class="form-group"><label for="language">语言:</label><select id="language" name="language"><option value="english">English</option><option value="chinese">中文</option><option value="spanish">Español</option></select></div><input type="submit" value="保存"></form></div><script>function openReport(){console.log('打开报告页面');}function openSettings(){document.getElementById('settings').style.display = 'block';}function openAbout(){console.log('打开关于页面');}</script></body></html>