Как сказал Илья в комментариях, MID - это функция подстроки.
То, что делает этот код, генерирует случайное число от 1 до 10, если число равно 3 или 6, оно будет зациклено и создаст другое случайное число, вероятно потому, что формат строки - дд / мм / гггг мм / дд / гггг, дд-мм-гггг и т. д., где 3-й и 6-й символы не являются числовыми.
Если случайное число не равно 3 или 6, оно выйдет из цикла и вернет символ, который находится в случайной позиции.
Не уверен, почему в то время как для условия While задано условие P> 10, поскольку RANDINT не должен возвращать значение больше 10.
Быстрая чистая реализация JavaScript:
function MessageBar() {
// CSS styling:
var css = function(el,s) {
for (var i in s) {
el.style[i] = s[i];
}
return el;
},
// Create the element:
bar = css(document.createElement('div'), {
top: 0,
left: 0,
position: 'fixed',
background: 'orange',
width: '100%',
padding: '10px',
textAlign: 'center'
});
// Inject it:
document.body.appendChild(bar);
// Provide a way to set the message:
this.setMessage = function(message) {
// Clear contents:
while(bar.firstChild) {
bar.removeChild(bar.firstChild);
}
// Append new message:
bar.appendChild(document.createTextNode(message));
};
// Provide a way to toggle visibility:
this.toggleVisibility = function() {
bar.style.display = bar.style.display === 'none' ? 'block' : 'none';
};
}
, Как использовать его:
var myMessageBar = new MessageBar();
myMessageBar.setMessage('hello');
// Toggling visibility is simple:
myMessageBar.toggleVisibility();
Соответствующий css включал бы:
position: fixed;
top: 0;
width: 100%;
[еще 112] информация приблизительно position:fixed
:
элемент с положением: зафиксированный расположен в указанные координаты относительно окна браузера. Положение элемента определяется с "левыми", "вершиной", "правом" и "нижними" свойствами. Элемент остается в том положении независимо от прокрутки. Работы в IE7 (строгий режим)
, Если поддержка IE6 важна для Вас, можно пожелать к обходные решения исследования .
Вот альтернативный метод с использованием jQuery, который также может перемещаться вверх / вниз при отображении / скрытии.
Добавьте следующий HTML-код сразу после тега
на своей странице:
<div id="msgBox">
<span id="msgText">My Message</span>
<a id="msgCloseButton" href='#'>close</a>
</div>
Добавьте этот CSS в свою таблицу стилей
#msgBox {
padding:10px;
background-color:Orange;
text-align:center;
display:none;
font:bold 1.4em Verdana;
}
#msgCloseButton{
float:right;
}
И, наконец, вот JavaScript для настройки кнопки закрытия и функций для показать и скрыть панель сообщений:
/* Document Ready */
$(function () {
SetupNotifications();
});
SetupNotifications = function () {
//setup close button in msgBox
$("#msgCloseButton").click(function (e) {
e.preventDefault();
CloseMsg();
});
}
DisplayMsg = function (sMsg) {
//set the message text
$("#msgText").text(sMsg);
//show the message
$('#msgBox').slideDown();
}
CloseMsg = function () {
//hide the message
$('#msgBox').slideUp();
//clear msg text
$("#msgtText").val("");
}
Чтобы выполнить простой тест, вы можете попробовать следующее:
<a href='#' onclick="javascript: DisplayMsg('Testing');">Show Message!</a>