不想下android studio,那就做個html算了
- 做個康復鍛煉計時提示器
- 直接的代碼html
- 直接的代碼js
- 使用
做個康復鍛煉計時提示器
沒有一丁點技術含量，主要是給手受傷需要鍛煉的老媽有一絲絲幫助，所以小記錄下，作用是每一分鐘開始或暫停鍛煉并提示語音，在此期間保持螢屏不滅，到20分鐘（間隔鍛煉10分鐘）結束自動關閉網頁，
直接的代碼html
包括了一個按鈕，三個提示音,提示音用的百度翻譯音頻，
<input type="button" value="開始鍛煉" id="click3" onclick="foo(this);" style="width: 300px; height: 500px;background: rgb(235, 204, 104);">
<audio id="ksdl" preload="auto">
<source src="ksdl.mp3" type="audio/mp3">
</audio>
<audio id="zbxx" preload="auto">
<source src="zbxx.mp3" type="audio/mp3">
</audio>
<audio id="dlwc" preload="auto">
<source src="ok.mp3" type="audio/mp3">
</audio>
直接的代碼js
用兩個回圈計時嵌套達到輪流效果，用nosleep.js(需要下載)保持常亮
<script>
var count=9;//共十次
function foo(obj){
obj.disabled = true;
document.getElementById("ksdl").play();
document.getElementById("click3").value="還剩"+count+"次";
setTimeout(function(){document.getElementById("zbxx").play();},31000);
setInterval("play1()",62000);
setTimeout(function(){setInterval("play2()",62000)},31000);
}
function play1(){
count--;
document.getElementById("click3").value="還剩"+count+"次";
document.getElementById("ksdl").play();
}
function play2(){
if(count==0){
document.getElementById("dlwc").play();
setTimeout(function(){window.close()},3000);
}else{
document.getElementById("zbxx").play();}
}
</script>
<script type="text/javascript" src="NoSleep.js"></script>
<script>
var noSleep = new NoSleep();
function enableNoSleep() {
noSleep.enable();
document.removeEventListener('click', enableNoSleep, false);
}
document.addEventListener('click', enableNoSleep, false);
noSleep.disable();
</script>
使用
把用到的資源檔案發到手機上，放在同一檔案夾中，這里我使用了qq瀏覽器打開html頁面，并創建了桌面快捷圖示，效果就與單機小apk無異了（嗎），，，，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/4432.html
標籤：其他