需要設計一個具有以下規格的HTML頁面

-9

我有我需要構建的以下規範，但是我不知道從哪裏開始。需要設計一個具有以下規格的HTML頁面

這裏是規格：

創建HTML +可以在任何瀏覽器中打開JavaScript頁面（桌面僅是我所期望的那樣）
的頁面應該有一個定時器控制，使用戶設置一些超時，比如10分鐘（或2天！）。
當計時器觸發時，頁面會從您選擇的網頁中提取一些內容並顯示它（不要重定向或打開一個隨機網頁，獲取內容並將其顯示在當前頁面上或甚至是一個messagebox/alert（）很好）。選擇網絡上的任何頁面/內容。例如，獲取google.com的着陸頁並在警告框中顯示其html代碼。
應該有一個開/關滑塊式的按鈕來啓用/禁用定時器控制。如果計時器正在滴答，並且用戶關閉了按鈕，則應禁用計時器。當用戶打開按鈕時，定時器繼續從停止的位置開始倒計時。（提示：從網上下載並使用一些javascript按鈕控件/定時器控件，不要使用標準按鈕，我想讓你使用自定義控件，不要太難以使用這些自定義控件之一）。
使用網絡上的通用圖像。在網上搜索是好的，但不要複製一些現有的做這個或類似的項目。

來源

2015-05-01 mohammed rizwan

對不起，你沒有自由的勞動力，穆罕默德（： –

@mohammed RIZWAN ...祝你好運，復出當你有一個問題... –

這是不是自由職業者 –

-1

我有點贊同上面的意見。我的答案是聘請自己的Web開發人員。你可以在這裏投放廣告，或者通過諸如elance等服務聘請某人。以上是前端開發人員的簡單工作，但不幸的是，這些論壇是針對形成知識庫的問題/答案，而不是將需求轉化爲源代碼的方法。

說了這麼多，這是如何實現上述：

1）任何瀏覽器是一個複雜的存在，和你指前五名最常用的瀏覽器，當你說「在任何瀏覽器中打開」，或每個瀏覽器。每個瀏覽器都會包含文本&語音瀏覽器以及可在任何機器上運行的瀏覽器，包括原始IE和netscape瀏覽器等瀏覽器。

這改變了你的代碼，因爲舊的瀏覽器不會對html5代碼作出反應，而常見的前5個代碼就是這樣。如果你要求前端開發人員爲你建立一個網站，他們可能會在html5中構建它。由於HTML是在第一個商業瀏覽器之前發佈的，HTML通常被很好的支持，css是一個不同的野獸，但是你沒有問過這個問題。 JavaScript往往在整個瀏覽器中得到很好的支持，但是舊版瀏覽器版本在響應方式（函數的一些不同名稱）方面略有差異，並且可以在大多數常用瀏覽器中禁用JavaScript。

要解決這個問題，您可以使用在屏幕上顯示消息（如果未找到javascript）的標籤。

一個Hello HTML5的世界html頁面應該是這樣的：

<!doctype> 
    <html> 
    <head></head> 
    <body> 
     <h1>Welcome to my HTML5 page</h1> 
     <p>This is a 'hello world' example</p> 
    </body> 
</html>

2）要創建一個超時，這很簡單，在你的腳本，只是這樣寫：

<script type="text/javascript"> 
    window.setTimeout(function(){alert('I have been triggered');},1000); 
</script>

現在setTimeout的格式很簡單（一個函數，超時時間）。超時時間以毫秒爲單位，因此在示例中，它會在1秒後觸發。 10分鐘，它將需要600000（600k毫秒），2天將是172800000（172.8毫秒）。請注意，只有當您的網頁上的窗口保持打開狀態時，纔會觸發超時。

3）要從其他網頁抓取代碼簡潔，可以有多種選擇：

您可以使用HTML5方法導入： http://www.html5rocks.com/en/tutorials/webcomponents/imports/

入侵到你的函數這個你可以這樣做：

function(){ 
    // assume I have been triggered by the timeout 
    var link = document.createElement('link'); 
    link.rel = 'import'; 
    link.href = 'http://www.google.com' 
    link.onload = function(e) {...}; 
    link.onerror = function(e) {...}; 
    document.head.appendChild(link); 
}

，或者你可以使用jQuery（你需要jQuery庫要做到這一點）：https://jquery.com/

你可以有一些JavaScript

$(function(){ 
     window.setTimeout(function(){ 
     $("#publishedContent").load("http://www.google.com"); 
     },1000); 
    });

，你需要在頁面上匹配的HTML元素像這樣：

<div id='publishedContent'></div>

有這樣做，以及一些其他的方式，但你需要與您的開發人員討論這些問題。

4）對於自定義控件，最好查看各種jquery插件/主題（）。如果您搜索jQuery UI主題，或者查看Twitter引導程序（http://getbootstrap.com/getting-started/#examples），您應該獲得可實現的靈感。有很多的例子在那裏：http://olance.github.io/jQuery-switchButton/

5）採集圖像，最安全的賭注，以確保您有一份寫的是使用一個服務，如華蓋創意（http://www.gettyimages.co.uk/）或存在Shutterstock（http://www.shutterstock.com）和購買圖片。他們很便宜。

來源

2015-05-01 12:19:40 ABrowne

雖然你的編碼心臟在正確的地方，一般SO試圖阻止回答像這樣的問題，因爲雖然它可能是有用的信息，但它並不真正有用對於OP來說，我們不應該爲他做所有的工作。 – Andy

我希望主持人將他的5個要求重新分成5個相同性質的問題。請求者來支持，我提供了支持。從這裏開始，他們仍然需要腿部工作將其拼合在一起，調試整個解決方案並將其雕刻成所需的解決方案。我剛把這些要求當成了問題。 – ABrowne

不，OP會來幫助我們爲他做所有的工作。這是皺起了眉頭。你在答案中寫了大量的工作，這就是爲什麼它沒有被降低的原因，但是你問自己，當他們懶得甚至懶得開始自己解決問題時，是否值得爲別人主動提供工作。這就是我說的沒有幫助的意思。我們希望在這裏提出問題的人們（這裏沒有問題，只是一個要求清單）至少試圖首先解決問題。 – Andy

需要設計一個具有以下規格的HTML頁面

回答

相關問題