index.html 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport"
  6. content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  7. <title></title>
  8. <script src="js/mui.min.js"></script>
  9. <link href="css/mui.min.css" rel="stylesheet" />
  10. <script>
  11. mui.init();
  12. </script>
  13. <style type="text/css">
  14. html,
  15. body {
  16. width: 100%;
  17. height: 100%;
  18. background-color:transparent;
  19. display: flex;
  20. flex-direction: column;
  21. align-items: center;
  22. justify-content: center;
  23. /* opacity: 0.2; */
  24. }
  25. .contentColumnC{
  26. display: flex;
  27. flex-direction: column;
  28. align-items: center;
  29. justify-content: center;
  30. }
  31. </style>
  32. </head>
  33. <body>
  34. <div id="time" class="contentColumnC">
  35. <div>
  36. CTE
  37. </div>
  38. <div id="noteT" style="font-size: 12px;">
  39. 鈴聲響時請退出導航查看信息
  40. </div>
  41. <div id="noteM" style="font-size: 12px;">
  42. Thoát khỏi Navigation khi chuông reo Xem thông tin
  43. </div>
  44. </div>
  45. <audio id="my_audio" autoplay></audio>
  46. <!-- <button id="btn">发送消息给app</button> -->
  47. <script>
  48. let state=0;
  49. Date.prototype.Format = function(fmt) {
  50. var o = {
  51. "M+": this.getMonth() + 1, //月份
  52. "d+": this.getDate(), //日
  53. "h+": this.getHours(), //小时
  54. "m+": this.getMinutes(), //分
  55. "s+": this.getSeconds(), //秒
  56. "q+": Math.floor((this.getMonth() + 3) / 3), //季度
  57. "S": this.getMilliseconds() //毫秒
  58. };
  59. if (/(y+)/.test(fmt))
  60. fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
  61. for (var k in o) {
  62. if (new RegExp("(" + k + ")").test(fmt)) {
  63. fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k])
  64. .length)));
  65. }
  66. }
  67. return fmt;
  68. }
  69. // setInterval((res) => {
  70. // var time = new Date().Format("yyyy-MM-dd hh:mm:ss");
  71. // document.getElementById("time").innerHTML = "当前时间:" + time
  72. // }, 10)
  73. function changeImg() {
  74. }
  75. function changeImgvi() {
  76. }
  77. function changeImgMS() {
  78. }
  79. function changeImgMSvi() {
  80. // state=2;
  81. // document.getElementById("img").style.display="none";
  82. // document.getElementById("noteT").textContent='Có tin mới rồi';
  83. // document.getElementById("noteM").textContent='Thoát Navigation Xem thông tin.';
  84. // //document.getElementById("img").setAttribute("src", "img/xinxi.png");
  85. // document.getElementById("my_audio").setAttribute("src", "img/y800.mp3");
  86. }
  87. function changeImgdef(){
  88. state=0;
  89. // document.getElementById("img").style.display="block";
  90. // //document.getElementById("img").setAttribute("src", "img/logo.png");
  91. // document.getElementById("my_audio").setAttribute("src", "");
  92. }
  93. document.getElementById("img").addEventListener("click", function(res) {
  94. document.getElementById("my_audio").setAttribute("src", "");
  95. var dic = {
  96. "key": state
  97. }
  98. var jsonStr = JSON.stringify(dic)
  99. try {
  100. window.webkit.messageHandlers.sendData.postMessage(jsonStr); //ios
  101. } catch (e) {}
  102. })
  103. function releaseTack(){
  104. document.getElementById("my_audio").setAttribute("src", "");
  105. }
  106. window.onunload=releaseTack;
  107. </script>
  108. </body>
  109. </html>